Web Design Weekly #133


Introducing Calibre

The super talented Ben Schwarz just pulled the curtains back on his latest project – Calibre. Calibre is a browser based service for monitoring quality and performance. Check it out! (calibreapp.com)

17 HTML5 Responsive Galleries Components Bundle

A collection of 17 photo, video and audio galleries and components. Every item in this bundle was built on a responsive design framework. They’re all coded with today’s advanced and highly flexible HTML5. You’ll find super useful options. Take a closer look. (mightydeals.com)


New canvas features

A number of Canvas 2D features recently landed in WebKit, Chrome and Firefox. Rik Cabanier gives us the lowdown. (adobe.com)

SVG’s missing killer feature

So why don’t we use SVG? Why sidestep it in favour of a raster image inflated to double its intended display size? SVG lacks a killer feature that is present in JPG, PNG and GIF: convenience. (jordanm.co.uk)

A Modern Designer’s Canvas

In this lengthy article Andrew Clarke covers four lessons that can help us do what we do better. (smashingmagazine.com)

Paralyzed by Choice in Front-end Development

A nice article by Brian Rinaldi that discusses ways to avoid getting overwhelmed by all the new shiny new tools, libraries and frameworks. (flippinawesome.org)

SVG is for Everybody

Luke Wroblewski’s notes on Chris Coyier’s recent talk at An Event Apart in Seattle. Chris’s talk focuses on the current state of SVG and how web designers and developers can use it on their sites today. (lukew.com)

Features for Theme Developers coming in WordPress 3.9 (wptheming.com)

Tools / Resources

An Introduction to APIs

In this 8 part course, Brian Cooksey walks you through everything you need to know about APIs. Each lesson introduces something new, slowly building up to the point where you should be confident about what an API is and how to use them. (zapier.com)


Iconizr takes your SVG drawings and processes them to a CSS icon kit. It’s super simple to use. Just upload your images and it outputs Sass along with (or instead of) CSS code. There is also a handy Grunt module if that’s more your style. (iconizr.com)

Project Hub

A Project Hub is a place to document the past in a way that makes it easy for a client — or you — to keep track of the process. This bare bones Project Hub from Daniel Mall should help you get your own up running in no time. (github.com)

Crumpet – A Deliciously Simple Framework

Crumpet is a simple SASS/SCSS responsive framework that keeps your HTML clean and stays out of your way. (suitedpixel.com)

An Intro to Heroku Add-ons

A nice curated list of Heroku add-ons by Aaron Grando. (grrrando.com)

Debugging Asynchronous JavaScript with Chrome DevTools (html5rocks.com)

Simple and comprehensive mixin for Modernizr tests in Sass (github.com)

Web Accessibility Checklist (a11yproject.com)

The Magic of CSS (adamschwartz.co)


The Values of the Web (the-pastry-box-project.net)

Music DNA (aerotwist.com)


Digital Designer at Campaign Monitor

We’re looking for a world-class digital designer to bring their own style, expertise and wealth of experience to our team – and help continue pushing the brand and product to new and exciting places. (campaignmonitor.com)

Advertise your job in next week’s newsletter →

Last But Not Least…

Setting up Bower and Polymer (youtube.com)

EdgeConf 3 videos (youtube.com)

What PX? (georgehastings.com)