This ever-growing curated collection of interface patterns on CodePen is a reliable source of inspiration.
Thursday, May 31st, 2018
Friday, April 6th, 2018
Tuesday, March 27th, 2018
The canonical example in just about every pattern library is documenting button variations. Here, Tyler shows how even this seemingly simple pattern takes a lot of thought.
Monday, May 1st, 2017
Photos of analogue interfaces: switches, knobs, levers, dials, buttons, so many buttons.
Wednesday, November 23rd, 2016
This is so wonderful! A 3D fly-through of the Apollo 11 command module, right in your browser. It might get your fan whirring, but it’s worth it.
Click through for lots of great details on the interface controls, like which kinds of buttons and switches were chosen for which tasks.
And there’s this lovely note scrawled near the sextant by Michael Collins (the coolest of all the astronauts):
Spacecraft 107, alias Apollo 11, alias ‘Columbia.’ The Best Ship to Come Down the Line. God Bless Her.
Monday, February 1st, 2016
Use the right element for the job.
- Does the Control Take Me to Another Page? Use an Anchor.
- Does the Control Change Something on the Current Page? Use a Button.
- Does the Control Submit Form Fields? Use a Submit.
Tuesday, February 10th, 2015
Thursday, October 16th, 2014
A great technique from Heydon for styling radio buttons however you want.
Tuesday, August 6th, 2013
Tuesday, February 5th, 2013
Related to my rant on links that aren’t actually links: buttons that aren’t actually buttons.
Tuesday, May 29th, 2012
Some sensible advice from Oliver Reichenstein. Cluttering your social media icons isn’t helping and may actively be hindering your audience.
Friday, September 17th, 2010
This app might be just be so cool that it's worth getting an iPhone just to use it. "When you press the camera button, Buttons records the current time or location, then searches the net for other photos that have been taken in the very same moment or place."