- Obey the Law of Locality
- ABD: Anything But Dropdowns
- Pass the Squint Test
- Teach by example
This ever-growing curated collection of interface patterns on CodePen is a reliable source of inspiration.
A handy browser-based tool for examining font files to see which features they support.
A step-by-step guide to implementing drag’n’drop, and image previews with the Filereader API. No libraries or frameworks were harmed in the making of this article.
I’m no fan of mega menus, and if a site were being designed from scratch, I’d do everything I could to avoid them, but on some existing projects they’re an unavoidable necessity (the design equivalent of technical debt). In those situations, this looks like a really nice, responsive approach.
An entertaining presentation from South By Southwest on the UI element of last resort.
It’s funny because it’s true.
Matthew describes a very nice bit of progressive enhancement for drag’n’drop file uploads (similar to the CSS Tricks article I linked to recently).
It uses the Dropzone JS which looks like it aligns nicely with the progressive enhancement approach.
This is a terrific example of progressive enhancement in action: going from a simple file input to a lovely interactive drag’n’drop interface.
Looks like those dead drops that Jessica, Brian and I created haven’t survived the inclement weather.
Some nice drop-shadow effects. Generated content is the key.
I should get out there and make a few drops in Brighton.
London has its first data dead drop. Time to put Brighton on the map methinks.
Watch this space. Glenn has a really interesting idea (and implementation) for exchanging structured data between browser windows using drag'n'drop.
An iPhone game that mashes up Sudoku with Tetris. "Drop numbered discs into the grid. Whenever the number on a disc matches the amount of discs in its row or column it disappears. Keep the board open to keep scoring, and survive as long as you can. Clear the board or set off huge chains for big bonus points."