Web Design Weekly #99


Sneak Peek of Macaw

An interesting looking tool preview by the talented Macaw team. The demo video walks through a sample project – from blank canvas to spiffy code. (macaw.co)

Bower 1.0.0 released with a new architecture!(github.com)

Make it Count (csswizardry.com)

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


Does Flexbox Have a Performance Problem?

A slight murmuring of performance issues relating to Flexbox in a recent Smashing Magazine article triggered Chris Coyier to do what he does best. Dive into the nitty gritty. Great post and great comments! (css-tricks.com)

This Is How We Built It

A massive list of inspiring case studies. Lots of insights, motivation and inspiration to be absorbed. Enjoy. (smashingmagazine.com)

Working with Shadow DOM

Great post about Shadow DOM. This post looks at how it works, how to create reusable widgets and more. (blog.teamtreehouse.com)

Introduction to Express

In this article, Raymond Camden walks through the installation of Express and how to get started building web applications using it. (net.tutsplus.com)

Progresponsive (adactio.com)

SEO in JS Web Apps (alexmaccaw.com)

Tools / Resources

HTML5 Unleashed Book

HTML5 Unleashed is the authoritative guide that covers the key web components driving the future of the Web. Harness the power of HTML5 to create web apps and solutions that deliver state-of-the-art media content and interactivity with new Audio, Video, and Canvas elements. (amazon.com)

Ember – Digital Scrapbook for Designers

Ember, the latest OS X app from Realmac Software, is a digital scrapbook in which you can collect and categorize inspiring images. (realmacsoftware.com)

Codepen’s New Embed Builder

Early this week Codepen released a major overhaul to the way embeded pens work. Now you can change all of the colors used, decide on a border, control the animation stopping, change the default tab and have themes! The short screencast is worth watching. (blog.codepen.io)


High-level guidelines from writing manageable, maintainable CSS. (github.com)

Verbal Expressions – JavaScript Regular expressions made easy (github.com)

Progression – A jQuery plugin that gives users real time hints & progress (git.aaronlumsden.com)

Embed Responsively (embedresponsively.com)


Inside the mind of a designer – Tim Van Damme

Now ex-Instagram but still a great insight into one of the best mobile designers on the planet in my opinion. (thenextweb.com)

Off Canvas Partial Touch Template (codepen.io)


Designer at Treehouse

We’re looking for a talented designer to join the Treehouse Design Team. You’ll be working with a small, tight-knit group of designers to help us build beautiful, well-thought-out features for our product. (teamtreehouse.com)

Frontend Developer at Shopify

Shopify’s Toronto office is looking for a designer to build the next generation of ecommerce themes. Your daily job will revolve around designing new themes and improving existing ones, as well as improving the overall experience of the Theme Store. (shopify.com)

Advertise in next week’s newsletter

Last But Not Least…

The perfect GIF workflow using Dropbox and Alfred

If you’re into passing around GIF’s on a daily basis then this is a great article to improve you GIF workflow (destroytoday.com)

Chrome Office Hours: Performance

Join Paul Lewis and Paul Irish as they dive into some real world performance techniques that you can use to make your site screaming fast! (youtube.com)