Web Design Weekly #104


CSSconf.eu – September 13th 2013, Berlin, Germany

At CSSconf.eu, 200 of the best frontend developers and designers will gather in Berlin for a one day conference that will showcase the future of CSS development. Check out the line-up and unlock your discount with the code “WDW<3CSS” at cssconf.eu. (2013.cssconf.eu)

Enabling new types of web user experiences (w3.org)

Hello Yeoman 1.0 (yeoman.io)


Great Responsive Web Design is a Matter of Process

A successful web design is one that comes from a carefully planned approach. But when it comes to creating a great responsive web design, the tried and true process of web design that has worked for many designers in the past is no longer necessarily the best approach. (medium.com)

Responsive Web Design is Solid Gold

This post by Jason Grigsby talks about how we now treat responsive web design as the default approach and look out for reasons why it won’t work instead of the other way around. Great article. (blog.cloudfour.com)

Double Tap Delay

Why do browsers have this 300 millisecond delay? Well Jeremy Keith looks into it and puts across a very strong point to the browser makers to think about implementing a fix. (adactio.com)

Choosing Between NPM, Bower or Component

There is still no best answer to client-side package managers and dependency management. In this post Seth Vincent looks at the big three. (flippinawesome.org)

Decoupling Your HTML, CSS and JavaScript (philipwalton.com)

Support this newsletter by getting your hands on some WDW goodies. →

Tools / Resources

JavaScript Best Practices

JavaScript has a few notoriously tricky features and is becoming more important than ever in our industry. This guide lists the best practices, it uses code samples and side-by-side examples to help you write more readable, efficient code. (thinkful.com)

Responsive Images with Apropos

Apropos helps your site serve up the appropriate image for every visitor. Serving multiple versions of an image in responsive and/or localized web sites can be a chore, but Apropos simplifies and automates this task. Instead of manually writing a lot of CSS rules to swap different images, Apropos generates CSS for you based on a simple file naming convention. (github.com)

Structuring Applications with JavaScript, Backbone and WordPress (kadamwhite.github.io)

Blind – A 1X Web Browser for Retina Displays (blindbrowser.com)

HTML5 client-side solution for generating PDF’s (parall.ax)

JavaScript for Designers (rachelnabors.com)

Practical Typography (practicaltypography.com)

Paralax.js (github.io)


Zero to Sixty in One Second

The talented Steven Witten’s personal website just turned 13, so he gave it a complete front-end rewrite. He also blogged about how it came to be. Probably ranks as one of the coolest personal sites on the internet. (acko.net)

Frank Chimero

This great discontent interview is one of the best I have read. The interview is with Frank Chimero who is a Brooklyn-based designer and author of The Shape of Design. He has worked for some of the biggest clients in the business and outputs some cutting edge work. Enjoy. (thegreatdiscontent.com)

Designer Motivation — Positive motivation for the unmotivated (designermotivation.com)

Transitions for off canvas navigations (tympanus.net)

From The Blog

Sublime Text Settings I Use (web-design-weekly.com)

Last But Not Least…


Early this week the talented team opened up to the public. Looks like it will be an awesome way for designers to make an extra penny. Also be sure to check out the “ers” in “Designers”. Some crazy cool stuff going on! (canva.com)

Impact of Responsive Designs (lukew.com)

DevTools Snippets (github.io)