This is a great tutorial—I just love the interactive parts that really help make things click.
This is a fun drag’n’drop way to make websites. And I like the philosophy:
Websites shouldn’t all look the same. We prefer campy, kitschy, messy, imperfect.
- 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.