Web Design Weekly #134


Dream On

A very positive and inspiring piece by Mark Otto on why he gets excited about helping people build rad stuff. (markdotto.com)

Write Code Every Day (ejohn.org)

Free Tutorials – Learn Graphic, Web Design, Marketing and more!

For a limited time Skillfeed is offering access to all courses and tutorials for FREE! Creative professionals can pick up career-building skills for free. Take courses in Photoshop, Web Design and more, from anywhere, at anytime. Start today! (skillfeed.com)


Font Size Idea

Chris Coyier explains a 3-tier font-size idea. Setting pixels at the root, rem’s for components and em’s for text elements. (css-tricks.com)

Goodbye Compass

A nice post by Ben Smithett about how his toolset has evolved. (bensmithett.com)

Advanced animation path

Some great SVG techniques explained for creating advanced animation paths. (legomushroom.com)

Motion Ui Design Principles

Grant Liddall looks at some simple Ui motion design principles. (beyondkinetic.com)

Rethinking What We Mean by ‘Mobile Web’ (daringfireball.net)

Dynamically generated SVG through SASS + A 3D animated RGB cube! (lea.verou.me)

Tools / Resources

Flexbox in 5 minutes

If you still haven’t had a chance to explore the new CSS property Flexbox hopefully this interactive tour will help you get up to speed. (devbryce.com)

Contributing to Open Source on GitHub

A great way to get involved in open source is to contribute to the existing projects you’re using. GitHub is home to more than 5 million open source projects. This guide covers how to start contributing. (github.com)

Writing accessible Web Components with Polymer

Addy Osmani and Alice Boxhall dive into the details of how to improve the accessibility of Web Components. (polymer-project.org)

What Is A CSS Framework Anyway?

A nice slide deck from Harry Roberts about the ins and outs of a CSS Framework and what one should do. (speakerdeck.com)


Build awesome programming books and exercises using GitHub/Git and Markdown. (gitbook.io)

How I Setup Angular + Node Projects (jcolemorrison.com)

scrollToBySpeed jQuery plugin (github.io)

New version of Red Pen is out (redpen.io)


Give ‘n’ Go

A curated gallery of Dribbble shots reworked as interactive CodePen pens. (give-n-go.co)

Designers should learn to code and developers should learn to design (steer.me)

We need a web design museum (airbagindustries.com)

From The Blog

Grid Frameworks for Sass (web-design-weekly.com)

Last But Not Least…


A handy Chrome extension that places an outline on every element to help you figure out what is going on with your layout quickly. (pesticide.io)

Cool things coming in Chrome 35 (chromium.org)