Web Design Weekly #51


A complete list of all the Google I/O sessions

Some many great videos that could keep you occupied for the day… The link points to talks focused around Chrome like:
– Chrome Developer Tools Evolution
– New Web Tools and Advanced CSS/HTML5 Features from Adobe & Google
– Chrome Developer Tools Evolution
– and a lot more!! (developers.google.com)

The Mobile Context

Users are ultimately the experts in deciding what they want to do on your site. Make it possible, make it easy, then get out of the way and let them fill in the blanks. They’ll attribute the good experience to you. (the-haystack.com)

Welcome to Montage

Montage (HTML5 framework) & Ninja (authoring tool). Built to simplify the development of rich HTML5 applications. Built by the talented Motorola Mobility. (tetsubo.org)

Overhauling mobile.twitter.com from the ground up (blog.twitter.com)

It’s time to stop blaming Internet Explorer (nczonline.net)

Flowchart: how to retinafy your website

Advertise in Web Design Weekly


Using CSS Sprites to optimize for Retina Displays

For a lot of small websites, the extra layer of complexity that CSS Sprites brings to your assets are not always worth it. But with high-resolution screens, such as Retina Displays, becoming more and more prevalent, there is a new big reason to use them. (miekd.com)

OpenType features in web browsers

An overview of the current state of OpenType feature support in web browsers, based on the CSS syntax proposed by the latest draft of the CSS3 Fonts specification and the latest available version of each browser. (typotheque.com)

CSS preprocessors

Dan Eden has some interesting thoughts about how preprocessors can be fantastic tools but the longer you use them, the less useful they become. (daneden.me)

Web designers: you need a Retina MacBook Pro

“If you’re a web designer, you really, really need to get a Retina MacBook Pro so you can see how bad your site looks on it and fix it.” – Marco Arment. (marco.org)

What’s wrong with Netmag’s “Optimize your JavaScript” post? (gist.github.com)

An open letter to web designers and developers (daneden.me/max-css/)

Hot in web standards: June 2012 (netmagazine.com)

Mobile Is Where The Growth Is (avc.com)

Tools / Resources


A nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them. (moqups.com)

Google I/O HTML5 slide template open sourced (code.google.com)

Media Queries, Sass 3.2, and CodeKit (css-tricks.com)

Tips & Tools for Grid-based Layouts (tympanus.net)

GitHub Android App Released (github.com)

Retina.js (retinajs.com)


Freelancing: A 6-month Retrospective

An awesome wake up call if you are freelancing and working your butt off! Mike Rooney looks back at his first 6 months. In 2011 he quit his full-time job to pursue part-time freelancing in order to have more time and flexibility…. (mrooney.github.com)

The Pastry Box Project

A really nice and inspiring site. 30 people shaping the web. One thought every day. All year round. Sugar for the mind. (the-pastry-box-project.net)

Shoptalk with David DeSandro (shoptalkshow.com)

Redesigning Email(vanschneider.com)

Last But Not Least…

FontBomb (fontbomb.ilex.ca)