Web Design Weekly #31


Number 1

Offscreen Magazine

Ladies & gentlemen. Offscreen Magazine – Issue No1! Offscreen is a collectible print magazine with an in-depth look at the life and work of people that create websites and apps. (offscreenmag.com)


Lea Verou talks about Kittens & -webkit-

In our eagerness to use the new bling, we often forget how many people fought in the past decade to enable us to write code without forks and hacks and expect it to work interoperably (sic). (alistapart.com)

A brand new look for HTML5 Rocks (html5rocks.com)

Responsive text is a really cool idea! (frankieroberto.com)

Smashing Book #3: Redesign The Web (smashingmagazine.com)

Vendor Prefix Drama (css-tricks.com)


Fun/Useful Things to Try the Universal (*) Selector On

Chris Coyier plays with the idea of what CSS properties might make sense to apply to every single element on the page? He takes a look at some that may (or may not) be a good idea. (css-tricks.com)

A Responsive Experience

Responsive Web Design is just the start of us challenging and rethinking our perception of what the web could be. We used to think it was like newspapers. Or computer programmes. Now, we’ve had a glimpse of a web that understands us and can adapt to our needs. That could either be incredibly exciting, or bloody terrifying! (markboulton.co.uk)

Better Backgrounds Images For Responsive Design

We apply percentage-based widths to our img elements to get fluid images and this is a very good thing. But what about background images? Support for background-size is pretty abysmal right now, so we’ve been hacking our way around it, usually by using inline img elements and absolutely positioning them behind the content. This is all well and good, but at certain browser widths, it breaks. (elliotjaystocks.com)

Web Design And Development Conferences For 2012

We’re well into 2012, and many designers and developers around the world are planning their travels for the year, which may include attending one of the many Web design and development conferences that will be held in the upcoming months. To help you out with your plans, Smashing Magazine once again put together a list of conferences and events that you might want to consider. (smashingmagazine.com)

A Look Inside Mobile Design Patterns (uxbooth.com)

Padding or margin to create space between boxes? (css-101.org)

The State of HTML5 Video (uxmag.com)

Tools / Resources

Field Guide to Web Applications

Google Developers have released a brand new Field Guide to Web Applications, to help developers create great web apps. This guide walks you through topics like app design fundamentals, tips for creating great experiences and a few case studies that put the best practices to use. (html5rocks.com)

100+ carefully crafted pictograms available as an OpenType font (entypo.com)

CSS3 Fancy Box [complete] (vcarrer.com)

Dribbble Equipment (equipment.dribbble.com)

Crunch! The LESS editor and compiler that almost makes it too easy. (crunchapp.net)

How to Include JavaScript and CSS in Your WordPress Themes and Plugins (wp.tutsplus.com)

Chrome Developers now on Google+ (plus.google.com)


The Great Discontent

A journal of interviews focusing on creativity, risk, and what connects us as artists. Designed and published by Ryan & Tina Essmaker of Designing Monsters. A truly awesome site! They typically publish a new interview every Tuesday. (thegreatdiscontent.com)

What I’ve Learned About Smart People (tmac721.tumblr.com)

Crazy cool multi-directional hover by @kizmarh (jsfiddle.net)

Awesome CSS only show/hide effect by @genelocklin (jsfiddle.net)

Last But Not Least…

Front-end Job Interview Questions (darcyclarke.me)