Web Design Weekly #27


Making Love To WebKit

Making Love To WebKit

If the world is going to end in 2012, Acko.net will at least go out in style! Steven Wittens redesign is off the hook! View in a WebKit-browser like Chrome, Safari or even an iPad and you will not be disappointed.

Paul Irish and Pokemon

Paul Irish talks Pokémon

The boys (Chris Coyier and Dave Rupert) busted out a big guest for the 2nd week of ShopTalk. Mr Irish answers a lot of great questions sent in by the listeners. Enjoy! (shoptalkshow.com)

Tait Brown pushed some major changes to his front end development guidelines. (taitems.tumblr.com)

Resolution Independence With SVG (smashingmagazine.com)

Code Racer (coderace.me)


A Pixel Identity Crisis

The pixel has always been the smallest unit in screen-based design. Because it’s been indivisible, it is the concrete unit of measurement among screen-based designers. Now that hardware is changing and pixel densities are growing, pixels are struggling to find relevance as the stable unit they once were. Scott Kellum explains the crisis. (alistapart.com)

Five skills you need to make AB testing work

Multivariate and split testing can be crucial for sales conversions but how do you get the most out of it? Matthew Bird, the marketing man at Stinkyink, looks at five steps every designer need to go through. (netmagazine.com)

An Object is not a Hash

Write JavaScript? Store things in hashes with user-defined keys? You need to read this. (devthought.com)

The developer’s guide to the HTML5 APIs

Rich Clark, one of the HTML5 Doctors, gets under the hood of the APIs that form the bulk of the HTML5 spec and tells us about their purpose and progress. (netmagazine.com)

Overwriting CSS properties doesn’t result in compounding or unnecessary load times. (aaronmentele.com)

Advertising on a Responsive Web (muledesign.com)

Forest, Trees and ACKO.NET (jeffcroft.com)

Working in web design: 10 things I have learnt in 10 years of business (boagworld.com)

Develop for as many users as possible (netmagazine.com)

Arithmetic calculator with purely CSS3 (plus.google.com)

Tools / Resources

Gridpak – The Responsive Grid Generator

Looks like a good resource to bust out a responsive grid. Gridpak is the starting point for your responsive projects, improving your workflow and saving time. Create your responsive grid system once using the simple interface and let Gridpak do the heavy lifting by generating PNGs, CSS and JavaScript. (gridpak.com)

Android Design – Your place for learning how to design exceptional Android apps. (developer.android.com)

Hopscotch – Brilliant into to basic programming concepts. Draw a puppy! (hopscotchkits.com)

CSS3 Click Chart – Louis Lazaris has redesigned and revamp his nice little product. (css3clickchart.com)

Awesome Job’s – Dribbble Job Board (dribbble.com)

JavaScript Pattern Collection (shichuan.github.com)

Handling CSS Transitions (snook.ca)

IOS Icon Gallery (iosicongallery.com)

Design Seeds – A nice little blog about colour palettes (design-seeds.com)


Freelance Week 02

Kyle Steed has taken up full time freelancing and is documenting his experiences on a weekly basis. He has already dropped some really great freelance advice and I am sure there is lots more to come. (blog.kylesteed.com)

Mac OS X Lion with CSS3 (alessioatzeni.com)

Nicely executed keyboard navigation site (editsquarterly.com)

Glue – Improve CSS parsing performance removing bloat in the CSS (github.com)

Dabblets 1 Month Review (blog.dabblet.com)

Last But Not Least…

Send your WDW tips or hot links to me – @jake_bresnehan (twitter.com/jake_bresnehan)