John Gruber fireballs:


The trend away from skeuomorphic special effects in UI design is the beginning of the retina-resolution design era. Our designs no longer need to accommodate for crude pixels. Glossy/glassy surfaces, heavy-handed transparency, glaring drop shadows, embossed text, textured material surfaces — these hallmarks of modern UI graphic design style are (almost) never used in good print graphic design. They’re unnecessary in print, and, the higher the quality of the output and more heavy-handed the effect, the sillier such techniques look. They’re the aesthetic equivalent of screen-optimized typefaces like Lucida Grande and Verdana. They work on sub-retina displays because sub-retina displays are so crude. On retina displays, as with high quality print output, these techniques are revealed for what they truly are: an assortment of parlor tricks that fool our eyes into thinking we see something that looks good on a display that is technically incapable of rendering graphic design that truly looks good.

If you want to see the future of software UI design, look to the history of print design.

I mostly agree, but I would be carefull with relying on the print for guidence to future software UI designs. For one thing, print is not interactive, neither is used to get the job done in the same way software is.

I agree we are at the beginning of the swing in the opposite direction from skeuomorphism and I think we will overdo it, as we always do.

The evolution of design is sort of tacking against the wind.

Another example of what I call primary research in HTML5, CSS & JavaScript:


FFF is a collection of interactive experiences. Each experience has its own unique design and functionality. All the experiences are created in HTML5, the site works beatifully on both desktop and tablet.


A fully responsive and lightweight jQuery dateinput picker

Via @Zraly


A powerful slider for selecting value ranges, supporting dates and more.

Touch support included.


Collie is a high performance animation library for javascript.


jQuery plugin for simple but powerful sprite based animations and panning

Inspiration on font combinations used on real web sites.

Via @agilek


This pure javascript library allows you to do simple A/B testing working only on your client-side code. All data is registered as custom variables in your website Google Analytics profile, so you don’t need to configure anything server side.

Shapeshift is like Masonry but with drag & drop. Touch support included.

Good article by Alex MacCaw.

Thorough tutorial for this new CSS layouting by Greg Smith.

Nice overview of the possibilities of using CSS3, SVG, Canvas and WebGL for animation today.

Primary research in the field of CSS by Hugo Giraudel over at Codrops. It may have no direct implications for your work now but someday it may resurface as uniquely useful.

I believe Craig Mod is right in his vision of what’s to come for publishing. Everyone in publishing should read this.

Podcast tip:


Anderson argues that the plummeting prices of 3D printers and other tabletop design and manufacturing tools allows for individuals to enter manufacturing and for manufacturing to become customized in a way that was unimaginable until recently. Anderson explores how social networking interacts with this technology to create a new world of crowd-sourced design and production.

Go the EconTalk site where you can listen, download and follow a bunch of links.

I like the analogy that the 3D printers are in similar stage to where personal computing where in the Homebrew computer club ages on 1976.

Via @kober

You may try the webapp and read how they made it.

Via @keff85

Good people at Online MBA have sent me a link to this video.

Horace Dediu brilliant as usual:


Microsoft’s problem is not that it has difficulty offering an operating system for tablets. The problem is that the economics of both systems and application software on tablets is destructive to its margins.

4 kb of uncompressed JavaScript allows you to use <input type="color"> even for IE6+.