Web Design Weekly #49



A robust and opinionated client-side stack, comprised of tools and frameworks that can help developers quickly build beautiful web applications. Also check out this detailed post by Addy Osmani about Yeoman – Time-saving Developer Tooling Tips And Yeoman. (yeoman.io)

jQuery 1.8 Beta 1 – See What’s Coming (and Going!) (blog.jquery.com)

Sublime Text 2.0 Released (sublimetext.com)


How Much Does a Responsive Web Design Cost?

Brad Frost (Mr RWD2, Ethan Marcotte being MR RWD1) puts down some really great thoughts and considerations about the cost of responsive web design. (bradfrostweb.com)

Introduction To JavaScript Unit Testing

Jörn Zaefferer over on Smashing Magazine gives a very indepth introduction to JavaScript unit testing. Lots of examples to compliment the code, which makes things a little bit easier to digest if you are new to the testing world. If there is anyone to learn about testing, this is your master!! (smashingmagazine.com)

Working with CSS Regions and Shadow DOM

If you are not familar with CSS Regions and the Shadow DOM, Razvan Caliman give a nice overview of both before getting a little more technical in the latter parts. I am sure we will be seeing more and more demos focused in the area very soon… You will need to view the demo in Chrome Canary. (blogs.adobe.com)

So, you’ve been invited to speak

Nice informative article by Lea Verou about public speaking at events. She gives an overview of 6 main points to help your next talk not suck. Worth bookmarking and re-reading before you have to stand up in front of your next audience! (lea.verou.me)

Seven Things I Learned While Making an iPad Web App (blog.cloudfour.com)

Facebook Plans to Speed Up its iPhone App (bits.blogs.nytimes.com)

Sizing Boxes (Back to the Future) (generatedcontent.org)

Non-onload-blocking async JS (phpied.com)

Tools / Resources

Web Directions Resources

Recently, Web Directions released a bunch of videos from their latest conference, Web Directions Code. Lots of great videos and links about all things rad! (webdirections.org)

Off Canvas Layouts

Luke Wroblewski and Jason Weaver put together four awesome layouts built on the Foundation framework; each with specific functionality and code for you to check out and download. (zurb.com)

TheCodePlayer — Watch and Learn Code

Interesting concept and still in alpha. TheCodePlayer shows a live HTML/CSS/Javascript example with various playback options. (thecodeplayer.com)

Check domain name availability from the command line (github.com)

Repo.js – easily embed a Github repo onto your site. (github.com)

Brackets: The Open Source Code Editor for the Web (blog.brackets.io)

Powerful New CSS and JavaScript Techniques (smashingmagazine.com)

CSS Box model demo with Dabblet (dabblet.com)


Responsive take on Apple’s homepage (moople.co.uk)

Nice CSS3 experiments (attasi.com)


Front–End Engineer at MailChimp (mailchimp.com)

From The Blog

The Best of the Best Boilerplates/Bootstraps (web-design-weekly.com)

Last But Not Least…

The HTML5 Invoice (jonathantneal.com)