Web Design Weekly #122


The Technology Behind the NYTimes.com Redesign

The NYTimes team had the opportunity to re-architect the client- and server-side in order to accommodate new product, design and newsroom requirements. This article looks at how things are setup in detail behind the scenes. (nytimes.com)

Bootstrap for Sass — Official port of Bootstrap to Sass (github.com)

Download complimentary graphics

50,000+ Graphics, Vectors, Backgrounds, Textures, Icons and More. All 100% Free. Start Downloading Today! (graphicstock.com)


PSD to HTML is Dead

Nick Pettit talks about the evolution of the “PSD to HTML” era and why it is now becoming a thing of the past. (teamtreehouse.com)

CSS Animations vs. JavaScript

This article by Jack Doyle raises awareness about some of the more significant shortcomings of CSS-based animation giving you the knowledge to make a more informed decision about when to use JS and when to use CSS for animation. (css-tricks.com)

Six Reasons Why I Love Sass

David Simpson explains how Sass has helped him and his team develop, manage and scale large web projects. (flippinawesome.org)

A follow up to obtaining 60fps scrolling performance (thecssninja.com)

When to use target=”_blank” (css-tricks.com)

Tools / Resources

Bulletproof Accessible Icon Fonts

Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens when your font doesn’t load? What happens when @font-face isn’t supported in the browser? (filamentgroup.com)

Vertical align anything with just 3 lines of CSS

With just 3 lines of CSS (excluding vendor prefixes) Sebastian Ekström explains how we can, with the help of transform: translateY, vertically center whatever we want, even if we don’t know its height. (zerosixthree.se)

Create code editor themes in the browser

TMTheme Editor is a colour scheme editor for SublimeText, Textmate and various other text editors. Super handy if you like to customise your development environment. (tmtheme-editor.herokuapp.com)

A <picture> polyfill based on the latest proposal

A Responsive Images approach that you can use today that mimics the proposed picture element using spans. (github.com)

Hosting on Amazon S3 with CloudFront

A great post by Paul Stamatiou that covers all the things you need to know for getting your site hosted on S3 with CloudFront. (paulstamatiou.com)


Tailbone is an open source ‘side project’ by the Google Data Arts Team that makes it easier for front-end web developers to use App Engine. (chromeexperiments.com)


North is a set of standards and best practices for developing modern web based properties. Included are standards and best practices for all aspects of a project, from kick off through development. (github.com)

Speaking.io — Thoughts on public speaking by Zach Holman (speaking.io)

A Beginner’s Guide to Using Grunt With Magento (gpmd.co.uk)

String replacement function in Sass (hugogiraudel.com)

Paris-Web Conference Videos (vimeo.com)

Object.create (svbtle.com)


Respond Conference

An awesome looking conference featuring Ethan Marcotte, Brad Frost and Jason Grigsby! Use the code “WDW” to give yourself $100 off either a workshop or the conference – so $499 each, instead of $599! (webdirections.org)

The Productivity Cycle

Alex Sexton writes some of his non-scientific theories on cognitive ability and “focus” in the context of creating and building things. A great article! (alexsexton.com)

Typewolf — Typographic Inspiration for the Modern Web (typewolf.com)

The Pastry Box — Jason Santa Maria (the-pastry-box-project.net)


Front End Developer (London)

We’re looking for a Front End Developer to join our 8 man dev team in central London. You’ll be working with AngularJS, HTML5, responsive designs, Rails and other exciting technologies. Passion required, ideally perm, but will consider contractors too. (econsultancy.com)

Front-End Engineer at Yelp – San Francisco

Our front end engineers are the glue between our engineering team for more than 108 million people who visit our site every month. Yelp is looking for a front end developer who walks the HTML, CSS and JavaScript stack with ease. In this role you would do everything from implementing new UIs and features to battling browser inconsistencies through daily release cycles. (yelp.com)

Last But Not Least…

A List Apart on GitHub

The team behind A List Apart have decided to open source the code that powers the site. (alistapart.com)

WebKit.js — Pure JavaScript Port of WebKit (github.com)