Web Design Weekly #100


One Hundred

I can’t believe I have been doing this for 2 years, 1 month and 1 day. (web-design-weekly.com)

Bootstrap 3

The first of at least two release candidates for Bootstrap 3 is now out. A huge amount of updates to the project of late. If you use Bootstrap, download it, have a play and file any bugs. (getbootstrap.com)

State of the Word 2013 (wordpress.tv)

Support this newsletter by becoming a member for the price of a coffee →


Techniques for mobile and responsive cross-browser testing

A nice case study by the Envato team about the tools and techniques that they use for mobile and responsive cross-browser testing. (envato.com)

To Do to Done: Jank ‘n’ Drank

A very cool initiative and insight into how scheduling time for Medium’s non-urgent tasks work. (medium.com)

Centering All The Directions

Kyle Simpson explores various ways to center content with CSS for arguing his case that we still need something better. (html5hub.com)

Website Deployment

Mr Coyier covers an absurd amount of ways to deploy a website. If you aren’t completely happy with your process or are looking for alternatives then this is a great place to start. Bookmark! (css-tricks.com)

Progressive Viewports

Implementing off-canvas navigation requires a fair amount of effort in the realms of front-end performance and “viewport management” but the general principles are simple. Once you’ve cracked them you can create some brilliant responsive and interactive interfaces. (dbushell.com)

Introduction To Photoshop Scripting (smashingmagazine.com)

Animated line drawing in SVG (jakearchibald.com)

Tools / Resources


Crazy! A pure JavaScript Git client library. It implements a complete Git workflow in nothing but javascript. It uses loads of “HTML5” API’s. (github.com)


A general purpose Photoshop file parser written in Ruby. It allows you to work with a Photoshop document in a manageable tree structure and find out important data. (layervault.com)

JSConf US 2013 Videos

Only 8 videos have been uploaded so far, but some are awesome. In particular, Remy Sharp’s Web RTC talk and Angelina Fabbro’s Masterclass on JavaScript. (youtube.com)


Early this week the BBC News developers released a front end regression testing tool called Wraith. This tool has proven to be invaluable for testing CSS changes, both deliberate and unintentional. (responsivenews.co.uk)

SVGeneration -Customise SVG patterns and then grab the code (svgeneration.com)

Build Podcast – PhantomJS (build-podcast.com)

CSS3 Animation Cheat Sheet (justinaguilar.com)

Huxley (github.com)


Taking Pride in That

This awesome post by Mat Marquis cuts the crap and talks about doing honest, unglamorous work, and taking pride in that. (the-pastry-box-project.net)

Leap Motion & Web Audio API

Ben Smoif had a few beers and took Alex Gibson’s Wavepad demo to the next level. What a legend! (youtube.com)

Giving your first talk (chadtomkiss.co.uk)

Becoming remote (37signals.com)


UX Designer at Envato

Envato is looking for a friendly, talented and experienced User Experience Designer to join their Marketplaces team. The role is hands-on experience and interaction design work, collaborating with the engineering team, internal and external stakeholders to deliver successful user experiences through user research, analysis, prototyping and testing. (seek.com.au)

Advertise in next week’s newsletter →

Last But Not Least…

The Future of Programming

Bret Victor’s awesome talk from the Dropbox’s DBX conference. The last 5 minutes really hits the spot! (vimeo.com)

More Git and GitHub Secrets (zachholman.com)