Posts Tagged as: web-development

September 26, 2013

Cookie Clicker Calculator

One of the most annoying parts of the new game Cookie Clicker is the waiting. So I made a little tool to help make it more bearable. If you’re a Cookie Clicker junkie I hope you enjoy this.

Change the values below:

August 7, 2013

Mac OSX’s Responsive Font Panel

My habit of unconsciously resizing my browser window surprised me when I accidentally resized the Fonts panel in OSX and discovered that it was “responsive.” Depending on the available width, it smartly switches between list views and dropdown menus, and removes non-crucial elements as space gets really tight.

Pretty cool.

July 11, 2013

Cutting Out a Candle in AfterEffects

Those mask guides look pretty cool as they dance around the flames. I had to manually adjust their position for each frame. It’s tedious work, but someone’s gotta do it.

Check out the final product on the glamour.com homepage on August 9th.

July 10, 2013

Embedding an Instagram Photo

Hot off the presses. You can now embed an Instagram photo into any web page. Just browse to any Instagram photo on instagram.com, and click the little rectangle on its right side.

Here’s one of my favorite recent shots, taken in Long Island City.

June 27, 2013

Browser Pong

If you’re on a desktop computer, check this out: http://stewd.io/pong/.

I could explain but I don’t want to ruin the surprise.

Via Tim Holman on Twitter

June 4, 2013

Social Media Button Alignment

For the last 6 years or so, every time I’ve added the standard slew of social media buttons to a website I’ve needed to manually adjust their vertical position to get them to line up. This is a sight I’m sure all web designers are familiar with:

So today when I noticed the alignment was off again and started editing the CSS, I was delighted to see that I could just remove the vertical position hacks altogether. So it looks like it’s taken Twitter and Facebook 6 years to agree on a consistent vertical position.

In any case it’s nice to have one less thing to worry about while maintaining a website.

May 21, 2013

Sharing Photos From the New Flickr to WordPress


This is very cool. While browsing the new Flickr, I noticed a share button labeled “Share to WordPress – The Cleverest” so I clicked it. Apparently I had hooked it up to my WordPress installation ages ago and forgot about it. This type of one-click publishing is very cool, and reminds me a bit of Tumblr, which Yahoo also just snatched up. Interesting.

Via Flickr:
on Instagram bit.ly/10digbk

May 8, 2013

The User is Drunk

An interesting way to think about website usability, created by Squareweave.

Basically, if you assume your users are drunk (blurry vision, short attention span, etc…) you can make a UI that gets out of the way and makes your website easier to use.

May 6, 2013

Confusing User Interface Elements

Too many people are trying to make the web more usable so I thought I’d try the opposite. Below are some user interface elements I designed to confuse, badger, and infuriate users. Enjoy.

1: The Chutton
Part checkbox, part button. Ideally this will initially present itself in the “checked” state, regardless of user intent.

2: The Boggle
Functions as a regular checkbox, but activating the slider simply covers up the checkbox and label. Avoid action-oriented labels such as OK or YES, and instead use vague language and/or the past tense.

3: The Notifuckation
Displays the number of notifications alongside an active radio button. Clicking or tapping on the radio button immediately marks all the notifications as “read”.

4: The Search & Destroy
A standard text entry field, but the user must slide the search button to the left to submit the form. As the search button slides, it deletes the characters it touches.

5: The Homer
This UI element has everything; pre-populated tags that are confusingly named, 2 scroll buttons, a search field with a settings icon, and Windows controls that do nothing!

I’ve also made the PSD available for download. Please use irresponsibly.

May 3, 2013

Everything You Always Wanted To Know About Bitcoin (But Were Afraid To Ask)

This video series by the Khan Academy is an extremely informative and approachable high-level overview of Bitcoin and all the technologies associated with it. I’m planning to make my way through it this weekend.