Web Design Weekly #28




Nerdi is an attempt to organise and make useful the tons of great web design and development utilities that are out there on the web. It is continually maintained and frequently updated with new features that aim to allow users to quickly and easily find just the right tool for them.

HTML5 Please

HTML5 Please

Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are. (html5please.us)

The top 20 HTML5 games (netmagazine.com)

Server-Sent Events (html5doctor.com)


What We Can Learn From Google’s New UI

One of the most notable changes to the web in 2011 was the roll out of Google’s new UI across a range of its products. In this article Aaron Lumsden looks at the thought process behind Google’s UI decisions and determine what we can learn from their methods and principles. (webdesign.tutsplus.com)

Dieter Rams’ 10 principles of good web design

Dieter Rams is one of the most important designers of the 20th century but his famous 10 principles for good design focused on industrial design. In this article Lisbon-based designer Nuno Loureiro applies them to web design. (netmagazine.com)

What Successful Products Teach Us About Web Design

Web design is a craft that is constantly evolving and yet also sometimes sabotaged. The moment a design is released, a new version is born. In the beginning, like a baby, it seems vulnerable and weak, but in time it grows up and becomes self-sufficient. Redesigning a website for its own sake doesn’t prove anything; quite the contrary, it reveals a lack of effectiveness on the part of the designer. (smashingmagazine.com)

Device Experiences & Responsive Design

While the task of designing Web applications and sites for multiple devices can be daunting, two techniques can make the process more manageable: classifying device experiences and designing/building responsively. (developers.facebook.com)

The client-side templating throwdown: mustache, handlebars, dust.js, and more (engineering.linkedin.com)

From jQuery to JavaScript: A Reference (net.tutsplus.com)

Chrome DevTools new stuff! (plus.google.com)

Tools / Resources

Pictos Server

Build Your Own Fonts. That’s right. For the first time ever you can now build your own icon fonts with the Pictos Server! It’s easy: choose any icon in the Pictos Library and assign a keyboard key that will correspond with that icon. Use as many or as few icons as you’d like, even change them on the fly! (pictos.cc)

Responsive Design Sketchbook (appsketchbook.com)

Coding efficiency for beginners: write reusable code (netmagazine.com)

H5BP + Twitter Bootstrap integration (github.com)

Scrollorama (github.com)

HTML5 Video – Vidoe.js (videojs.com)

Responsive Control Panel – Expression Engine (putyourlightson.net)


The first thing you do when you sit down at the computer

Let me guess: check the incoming. Check email or traffic stats or messages from your boss. Check the tweets you follow or the FB status of friends. (sethgodin.typepad.com)

Every second one hour of video is uploaded to youtube (onehourpersecond.com)

HTML5 photo booth demo by Mike Taylor (miketaylr.com)

Last But Not Least…

Color by Method of Action = AWESOME!! (color.method.ac)