Web Design Weekly #86


jQuery 2.0 Released

jQuery 2.0 is out, but as a reminder, it does not support IE6/7/8. In return, it is smaller, faster and can be used in JavaScript environments where the code needed for old-IE compatibility often causes problems of its own. But don’t worry, the jQuery team still supports the 1.x branch, which does run on IE 6/7/8. (blog.jquery.com)

Clown Car – Responsive Image Technique (github.com)

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


Animating with Physics

To achieve realistic animations in our User Interfaces we need to stop thinking about animations in terms of a duration and a transition function. Instead, we should imitate reality with what we’ve learned from reality. (taybenlor.com)

MYTH: Screen readers don’t use JavaScript

A common misconception amongst web developers is that screen readers only read the non-JavaScript page. Due to this misconception, we sometimes assume it’s unnecessary to make JavaScript apps and other functionality accessible. This is categorically false. (a11yproject.com)

The Dimensions of Web Design

Design for the web is tricky because there are a lot of variables and a lot of organisations just aren’t up to the new way of doing things yet. We’re all evolving though, because the web is evolving, and if we keep up, we’re rewarded with an incredible new way to access any information and do anything, anywhere. (weblog.bocoup.com)

I know jQuery. Now what?

Remy Sharp passes his knowledge on of when to use jQuery vs. native JavaScript. (remysharp.com)

Deprecating IE6 and IE7 support in Twitter for Websites (dev.twitter.com)

Stealing the users back button with the History API (thecssninja.com)

“Right click and save as” needs to go away (svarden.se)

Tools / Resources

Package Managers – An Introductory Guide

The purpose of this guide is to get the uninitiated front-end developer up and running with front-end relevant package managers. This post gives a great explanation of Node’s npm package manager with the intention of leading to a proper understanding of the Bower browser package manager. (tech.pro)

Capsule – The developer’s code journal

Capsule replaces that scratch document you have open when you’re coding. It creates an archive of your development artefacts. (crowdfavorite.com)

jQuery Builder

jQuery Builder lets you easily build a custom version of jQuery that only includes the modules you need. (projects.jga.me)

Ruby on Rails Application Performance Tuning (cheynewallace.com)

Build to learn — Building a site from scratch (codescouts.net)

Performance Checklist for the Mobile Web (youtube.com)

Responsive Multi-Level Menu (tympanus.net)

Architecting Scalable CSS (speakerdeck.com)


Scaling Pinterest

Pinterest has been riding an exponential growth curve, doubling every month. They’ve gone from 0 to 10s of billions of page views a month in two years, from 2 founders and one engineer to over 40 engineers, from one little MySQL server to 180 Web Engines, 240 API Engines, 88 MySQL DBs + 1 slave each, 110 Redis Instances and 200 Memcache Instances. (highscalability.com)

Text on a circular path with #SVG (dabblet.com)

Don’t Be Afraid of a Pencil (medium.com)

Jobs / Freelancers

Tim Smith – full-time or contract work

Tim is a user interface and web designer based in St. Paul, Minnesota. He’s the host of the award-nominated online broadcast, The East Wing. He’s currently looking for full-time or contract work. Contact him today! (timothybsmith.com)

Google is looking for HTML5/JS developers in London & Mountain View (google.com)

Last But Not Least…

Offscreen Magazine – Issue 5

The fifth issue features Mac-app and iOS-game designer Neven Mrgan, entrepreneur Ryan Carson, mobile photography enthusiast Jessica Zollman, icon design maestro Jon Hicks, the CEO of Squarespace, Anthony Casalena and Malaysian-American web designer Naz Hamid. (offscreenmag.com)