Web Design Weekly #22


Offscreen Magazine

Offscreen Magazine

Offscreen is a new, quarterly print magazine with an in-depth look at the life and work of people that create websites and apps shaping our digital lifestyle. They want to tell the less obvious human stories of creativity, passion and hard work that hide behind every interface.

Kindle Fire

first look: silk browser for kindle fire

Kindle Fire from Amazon, one of the hottest tablet these days, is finally available. Based on the Android platform, this tablet differentiates itself from few tablets out there because of the integrated Amazon services, manifested in its completely different UI than other Android devices. (ariya.ofilabs.com)

10 things you need to know about WordPress 3.3 (technosailor.com)

Conical Gradients Proposal (lea.verou.me)

Using Fonts For Icons (css-tricks.com)


Preferred solutions for responsive images

Jason Grigsby has blogged a lot about responsive images over the last few months. He explains he is keen to get the ball rolling on the preparse idea unless someone points a major flaw with it. (cloudfour.com)

10 things your clients need to know

Clients sometimes need a little push in the right direction and be taught about the mysteries of web design. Paddy Donnelly and Jack Osborne, the brains behind Wee Nudge, address 10 touchy subjects to show you how to do it. (netmagazine.com)

Vertical Centering for Responsive Web Design

If you want to use an image in your responsive web design you can use fluid images. But there is another way. You can set a maximum height and crop the image. Ivo Herrmann explains it nicely. (solemone.de)

Get to grips with CSS3 multiple background images (netmagazine.com)

Design Studios, the good, the bad and the Science (uxbooth.com)

Bubble Point Tooltips with CSS3 & jQuery (css-tricks.com)

Subsets of Design: Logic behind Voodoo (64notes.com)

Responsive Image Hierarchy (daverupert.com)

Tools / Resources

Photoshop tricks

Photoshop Actions & Workflows

Over the last few years Marc Edwards has built a small set of Actions that he uses daily. He explains that they don’t save much time individually, but they do seem to reduce the cognitive load a little by removing the need to remember best practice for each step. (bjango.com)

Color Thief – A script for grabbing the dominant colour (lokeshdhakar.com)

Orchestra – Deploy, Manage, Scale your PHP Applications (orchestra.io)

Web browser, frontend and standards feeds to follow (paulirish.com)

Emotional Design Reading List (aarronwalter.com)

Exporting From Photoshop (smashingmagazine.com)

CSS Reference (developer.mozilla.org)


Travelling, Writing and Programming

Another great read from Alex MacCaw (frontend developer at Twitter). This time it’s about his 1 year long holiday. AWESOME READ!! (alexmaccaw.co.uk)

Super Hot Animations! (don’t forget to hover over the Android Man in the footer) (android.com)

Mind Blowing Parallax Scrolling Sites (webdesignerwall.com)

Hakim El Hattab – Just A Pure Kick Arse Site!! (hakim.se)

Last But Not Least…

David Higgins taking the humans.txt file to the next level!