Web Design Weekly #57


The innovations of Internet Explorer

Long before Internet Explorer became the browser everyone loves to hate, it was the driving force of innovation on the Internet. It may be hard to believe but Internet Explorer is actually to thank for a lot of the features that we take for granted today. Nicholas C. Zakas takes us on quick walk through history. (nczonline.net)

Bootstrap 2.1.0 released

New docs, affix plugin, submenus on dropdowns, block buttons, image styles, fluid grid offsets, new navbar, increased font-size and line-height, 120+ closed bugs, and more. Go get it. (twitter.github.com)

Learn HTML5 and JavaScript for Android (amazon.com)

Developers We Admire (paulirish.com)


Using Fonts for Resolution Independent Assets

Generating @x2 graphics feels a bit wrong. Sure, it’ll look great on a brand new Retina MacBook Pro or any recent iPhone, but what about the unknowns? In this article Josh Emerson explains his steps taken to use custom web fonts for assets to avoid the unknown. (joshemerson.co.uk)

Separate Mobile Website Vs. Responsive Website

Brad Frost takes on the challenge of seeing how well the two US presidential candidates stack up with their chosen mobile strategies for their official websites. (smashingmagazine.com)

Towards A Retina Web

Great article by Reda Lemeden over on Smashing Magazine all about designing and developing for “The Retina Web”. Hopefully after reading this article you will start designing for the future. (smashingmagazine.com)

Extreme specificity

The other day Chris Coyier created a test case demonstrating that chaining together 256 classes will give it greater specificity than an ID. In theory it shouldn’t, but in IE, Mozilla and WebKit browsers it does. Opera, on the other hand, upholds the specificity. Ryan Seddon dives into the details and explains why this is the case. (thecssninja.com)

Keeping the user’s goal in sight while designing component UI flows (feltpresence.com)

Paul Irish reporting from Russia: The Chrome DevTools Week! (plus.google.com)

Cascading Attribute Sheets (xanthir.com)

Being a better web citizen (christianheilmann.com)

Tools / Resources

Responsive Carousel Project

Early this week the Filament group open sourced another one of their in house projects. The Responsive Carousel is a jQuery-based script for responsive carousels that work with the mouse, touch events and the keyboard. (filamentgroup.com)


HTML5 and made easy. One file. Any browser. Same UI. (mediaelementjs.com)

Sublime Text 2 – Useful Shortcuts (Mac OS X) (gist.github.com)

A date range picker for Twitter Bootstrap (dangrossman.info)

Responding to a High Resolution Web (dl.dropbox.com)

Taming The Mobile Beast (slideshare.net)

Finance for Freelancers (rockablepress.com)


Nick Jones’s personal site

High five to Nick for pulling a pretty radical design. Some snazy front-end stuff behind the scenes. (narrowdesign.com)

The Setup – What do people use to get stuff done? (usesthis.com)

Old School Mac with just two elements. (codepen.io)

Re-designed ShopTalk site (shoptalkshow.com)

Helsinki Open Device Lab (viljamis.com)

Retina Mac Apps (retinamacapps.com)


Post a Job in Web Design Weekly

You can now post a job in this newsletter for a small fee. (web-design-weekly.com)

UX Designer at Dropbox (dropbox.com)