Headlines
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 →
Articles
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)
CSS-Guidelines
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)
Inspiration
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)
Jobs
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)