Web Design Weekly #84


Media Queries are a Hack

Ian Storm Taylor shares some very interesting thoughts about media queries. He stresses that we should start rallying behind element queries so we can write truly modular CSS. (ianstormtaylor.com)

Responsive Nav – A simple JavaScript plugin (responsive-nav.com)

Advanced cross-browser flexbox (dev.opera.com)


Can we get rid of gradient prefixes?

Lea Verou shares some up to date knowledge on the current status of gradient prefixes. Her conclusion is that there is no need to use -ms- prefixed gradients. You should include -moz- for the less subtle gradients. There is no significant need for -o- gradients but -webkit- is still needed and probably will be at least until the end of 2013. (lea.verou.me)

Growing Your Design Business

Growth doesn’t happen by default. It can only happen by design. It takes a lot of work and demands keeping your growth patterns in check every step of the way. Be watchful for the pitfalls and run the other way. Your clients, your team, and your profitability will thank you. (alistapart.com)

Reinventing the Wheel

Paul Lewis, who is a Google Chrome guru, stresses that we as developers need a sense of urgency, we need better tools, better language features, a better approach to building applications. At the end of the day we are the developers who build sites and apps, we have a responsibility to shape our platform for the better. (aerotwist.com)

Etsy’s Performance Improvements

Of late the talented team at Etsy have been investing heavily in performance. It’s always great to read about how the big companies do it and there ups and downs. (codeascraft.etsy.com)


Trent Walton puts a very strong point across about when we build things these days, how we rarely take one direction and how it is key to keep in mind that out processes and teams probably shouldn’t either. (trentwalton.com)

Gumroad has started using Twitter Flight (gumroad.com)

Where should the navigation be? (vasilis.nl)

Element Queries (xanthir.com)

Support this newsletter by becoming a memberfor the price of a coffee →

Tools / Resources

Setting up Sublime Text 2

Alex MacCaw, who is a JavaScript programmer at Stripe, recently parted ways with Text Mate for the Sublime Text world. If you haven’t tried Sublime then this is a must read and even if you are a ST2 user there are some cool tips that you might not know about. (blog.alexmaccaw.com)


This handy little tool will parse any CSS files you give it and let you know which rulesets have duplicated declarations. (github.io)

Chrome Logger – Debug server side applications in the Chrome console (craig.is)

Easing JavaScript Memory Profiling In Chrome DevTools (addyosmani.com)

Flatland – A Sublime Text color scheme (github.com)

Build podcast – Jekyll (build-podcast.com)

Yeoman Update (addyosmani.com)


The making of Medium

One of the best case studies I think I have seen to date. The super talented team at Teehan + Lax really know how to take things to the next level. (teehanlax.com)

Running a software team at Google (matt-welsh.blogspot.com)

Tunnel vision in CSS (codepen.io)

From The Blog

Unique Post Styling with Jekyll (web-design-weekly.com)

Why You Scared of Sass? (web-design-weekly.com)


Campaign Monitor is hiring like crazy!

Be sure to check out their new behind the scenes video to get a quick peek at what it’s like working for them. (campaignmonitor.com)

Last But Not Least…

Google Street View Hyperlapse (vimeo.com)