Web Design Weekly #41


The Vendor Prefix Predicament

Most importantly, set a good example. Use web standards first and foremost in your sites, articles, and talks. When discussing or demoing experimental features or standards-in-progress, whether in one browser or many, be up front with warnings, and make it clear what’s shiny today may break tomorrow. (alistapart.com)

JavaScript Style Guides And Beautifiers

Addy Osmani takes you exploration into JavaScript style guides, specifically: their importance, style guides worth reviewing and tools that can assist in automated code beautification or style enforcement. (addyosmani.com)

Building with Content Choreography

Responsive Web Design allows us to change layouts and element appearance based upon the width and/or height of the destination device. There can be stumbling blocks along the way to a beautiful unified site that runs perfectly on all platforms. Jordan Moore explains one that has been teasing him for a while. (jordanm.co.uk)

Blog.SpoonGraphics Turns 5 Years Old! (blog.spoongraphics.co.uk)

Introducing app-UI (tricedesigns.com)


Modularity and Style Guides

If you’re familiar with SMACSS, OOCSS or BEM, you’ll understand the concept of creating reusable “blocks” or “modules”. These are patterns, both visually and in code, that can be reused and expanded upon when building web pages. Done right, time and complexity are significantly reduced. (dbushell.com)

Viewport Sized Typography

Chris Coyier, as always, is quick to blog about rad stuff. In this post he writes about the new CSS3 values for sizing things relative to the current viewport size. As always, a great read. (css-tricks.com)

dConstruct optimisation

A good post by Jeremy Keith about the optimisation of the new dConstruct site. Lots of tips and links to help out with your next build. (adactio.com)

The power of negative reviews

Zack King argues that negative reviews are an opportunity that businesses must embrace, for if they don’t, they may lose control completely. (netmagazine.com)

LinkedIn For iPad: using local storage for snappy mobile apps (engineering.linkedin.com)

How We Operate – The Potential Client (esbueno.noahstokes.com)

My Coding Style and Guidelines (drublic.de)

As Tablet Size Decreases… (lukew.com)

CCSS: The Good Parts (impressivewebs.com)

Tools / Resources

Five responsive web design pitfalls to avoid

Creating great responsive experiences requires a hell of a lot more than media queries. There are a number of nasty traps to avoid when making your site responsive. Brad Frost reveals five of the biggest ones and how to sidestep them. (netmagazine.com)


Sketch is a professional vector graphics app with a beautiful interface and powerful tools. They have set out to build a better app for graphic designers. Not to copy, but rather to improve. Looks interesting… (bohemiancoding.com)

Chrome DevTools’ script Live Edit feature combined with breakpoint debugging (youtu.be)

Simple CSS Colour Management With SASS (blog.12spokes.com)

Tooling & The Webapp Development Stack (paulirish.com)

CSS Layout Gets Smarter With CALC( ) (webkitbits.com)


ShopTalk – 16 with Ian Stewart, a Theme Wrangler for Automattic (shoptalkshow.com)

Interactive Typography Effects with HTML5 (tympanus.net)

Roundup of single page websites (webdesignerdepot.com)

Texturise web type with CSS (netmagazine.com)

Last But Not Least…

Rad IE

Some months ago, Microsoft kindly asked Ricardo Cabello for a HTML5 experiment. Sadly, he never managed to sign and fax them the NDA agreement so it never happened. He always felt bad that he didn’t get to do anything for them. He finally released his work which is awesome! (mrdoob.com)