Web Design Weekly #88


The CSS Zen Garden is 10 years old

The Zen Garden has been one of the defining moments in the history of web design and has been extremely important to understand the state of CSS before and after its release. So for the tenth anniversary, the Zen Garden is open for business once more. (mezzoblue.com)

Yes, Adobe is killing Fireworks (thenextweb.com)

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


Ready. Launch. Update!

The ability to update a website based on current information is often overlooked by clients and vendors alike. This may be the most missed opportunity in what we do. (cognition.happycog.com)

How Much Has The Web Really Changed?

Responsive design is about more than just layout; it’s about designing for the Web, which means, mostly, for people with browsers. And that’s just about everything we know about the people who visit our websites: they are probably using a browser. All the rest we just don’t know. (smashingmagazine.com)

Avoiding Unnecessary Paints

Painting the elements for a site or application can become really expensive and it can have a negative knock-on effect on our runtime performance. In this article Paul Lewis takes a quick look at what can trigger painting in the browser and how you can prevent unnecessary paints from taking place. (html5rocks.com)

The Flag Object

The flag object shares a lot of common traits with the media object; its sole purpose is displaying image- and text-like content side-by-side. Where the flag object differs, however, is its ability to vertically align the image and text to the tops, middles or bottoms of each other. (csswizardry.com)

How Facebook Designs the ‘Perfect Empty Vessel’ for Your Mind (theatlantic)

How to Spread The Word About Your Code (hacks.mozilla.org)

5 Things You Should Stop Doing With jQuery (flippinawesome.org)

Mixing HTML Pages Inside Your WebGL (learningthreejs.com)

Tools / Resources

Magnific Popup

Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible). (dimsemenov.com)

Sublime Text – Setup Guide

The usefulness of this setup guide will vary based on your personal preferences for how your text editor should function, but it should help with the initial setup of Sublime Text. (drewbarontini.com)

Infuse your CSS with Sass and LESS

The two most popular CSS preprocessors are Sass and LESS and they’re both now available in the Jetpack plugin for self-hosted WordPress blogs. (blog.wordpress.com)

Caniuse Visualisations

A small list of projects that are using the caniuse data in interesting ways. (github.com)

GistBox App

GistBox is the personal code library that hooks into your GitHub Gists. Well designed and implemented. (gistboxapp.com)

Common Patterns in Styleguides, Boilerplates and Pattern Libraries (blog.cloudfour.com)

Ghostlab – Synchronized testing for web and mobile. (vanamco.com)

Jekyll 1.0 Released (blog.parkermoore.de)

JSHint 2.0.0 is out (jshint.com)


Luke Wroblewski – Mobile To The Future Talk

In this talk Luke explores multi-device design from the top down and from the bottom up. (aneventapart.com)

JS1k’s 2013 spring top 10 submissions. (js1k.com)

CSS3 Pong – with scoring (cssdeck.com)

McDonald’s Theory (medium.com)


Smashing Magazine Is Hiring A Senior Editor

Editorial work at Smashing Magazine is a difficult, challenging process. It requires patience, focus and thoroughness. Our readers have high expectations and our authors expect sophisticated editorial guidance. That’s what we are known for and that’s where we could use your help. (smashingmagazine.com)

Last But Not Least…

CodePen Full Time

Congrats to Chris, Tim and Alex for taking CodePen full time. CodePen is quickly becoming the go-to tool for coding on the web. Can’t wait to see where these guys take it. (codepen.io)


You want fart noises as you scroll? Of course you do! This plugin has you covered. (theonion.github.io)

Inspiration calling (adactio.com)