Web Design Weekly #20




The goal of Treehouse is to teach Web Design, Web Development and iOS, to everyone in the World who wants to learn.


LESS – I was wrong

Great post by Andy Clarke about how he now uses Less in his workflow and can’t see himself going back. (stuffandnonsense.co.uk)

The Times Are A Changin’ – Web Design Weekly (web-design-weekly.com)

CSS3 Secrets by Lea Verou [VIDEO!!!] (lea.verou.me)


Behind the scenes of ‘Lights’: the latest WebGL sensation!

Interactive studio HelloEnjoy has built a mind-blowing 3D music video for Ellie Goulding’s song ‘Lights’. The creative director Carlos Ulloa explains how the team chose WebGL and created various immersive graphic effects. (netmagazine.com)

The Future Of CSS: Embracing The Machine

Designers hold CSS close to their hearts. It’s just code, but it is also what makes our carefully crafted designs come to life. Thoughtful CSS is CSS that respects our designs, that is handcrafted with precision. But how does this tradition fit in a world where the websites and applications that we want to create are becoming increasingly complex? (smashingmagazine.com)

The Web OS is Already Here…

Luke Wroblewski explains how it’s just not what we thought it would be. Web technologies are currently powering content and interactions across multiple devices effectively turning the most popular native applications into Web browsers. The end result is a widely distributed and used Web-based operating system. (lukew.com)

Sizing the legible letter

Ethan Marcotte dishes up advice on font size. Sure, sizing text isn’t the most glamorous topic. He explains looks into many different approaches and discusses their strengths and limitations. (typekit.com)

20 stunning examples of CSS 3D transforms (netmagazine.com)

Responsible responsive images by Jeremy Keith (adactio.com)

Clarification on device detection for images (cloudfour.com)

Mobile Performance Manifesto (davidbcalhoun.com)

Tools / Resources


View.js by Rogie King

A well executed, simple, lightweight, jQuery photo viewer. (http://finegoodsmarket.com)


CodeKit automatically compiles Less, Sass, Stylus & CoffeeScript files. It effortlessly combines, minifies and error-checks Javascript. It even optimizes images, auto-reloads your browser and lets you use the same files across many projects. (incident57.com)

Chrome Developer Tool Tricks (web-design-weekly.com)

EXCSSIVE – Simply drag and drop your CSS files to compress on the fly. (vanseodesign.com)

Modernizr’s test suite: Behind the Scenes with Mr Paul! (youtube.com)

Mobile navigation jquery plugin (joggink.com)

Lost Type – Great Fonts! (joggink.com)


Ben Schwarz: Building apps with Compass

Ever wanted to spend less time sweating over the small stuff when it comes time to implement the CSS on a web site or application? Finding managing a plethora of CSS difficult? Just want to crack through to the next level? In this quick video from Ben Schwarz he shows you the power of Compass! (youtube.com)

Getting Involved With Open-Source

Addy Osmani talks about how you can get involved with open-source, making the web a better place and standards. (addyosmani.com)

Emberwind, an awesome HTML5 game made by Opera (operasoftware.github.com)

Workshop – Chrome Experiments (chromeexperiments.com)

The Future of CSS by Dave Shea (mezzoblue.com)

Cool HTML5 Games (cssreflex.com)

Last But Not Least…

CSS3 Lasers!