Web Design Weekly #30


Mobile Web Resources

Mobile Web Resources

“Where do I go to learn about all this stuff?” An extensive list of helpful tools and resources that can help you create great mobile web experiences. Maintained by Brad Frost. AWESOME!!!! (mobilewebbestpractices.com)



Testing motion events was never going to be an easy task. You have two options, both of which suck. Thats why Remy Sharp developed Remote-Tilt. By including a single line of JavaScript you can emulate device motion events. (remote-tilt.com)

Moving an element along a circle (lea.verou.me)

CSS Variables (W3C draft specification) (dev.w3.org)

Chrome for Android (chrome.blogspot.com.au)

Web Developer at Mozilla [JOB] (careers.mozilla.org)


Musings on Preprocessing

Chris Coyier has been using SASS for pretty much everything he has done recently. He explains his journey. From hold-ups, to trip-ups, to turn-offs. From apps and teams to workflows and syntax. (css-tricks.com)

Control image aspect ratios with CSS3

Making media display consistently on your site can be a problem, especially with multiple content authors. Opera’s Chris Mills shows you how object-fit and object-position can solve it. (netmagazine.com)

Why Developers Hate Your Designers Guts

It’s no secret designers and developers have been at each other since the distinction between the 2 was formed. It is time to put an end to this battle for pixel perfection vs. getting this site actually working in IE. (vaughanmoffitt.com)

Content strategy at Facebook

Facebook’s content strategists work on the large scale: 800 million users; more than 900 million pages, groups, events, and community pages; 250 million new photos uploaded every day. Earlier this month, Tiffani Jones Brown gave Contents Magazine a behind-the-scenes look at the growing Facebook CS team, how they work, and how the company thinks about content. (contentsmagazine.com)

Design the perfect URL (netmagazine.com)

Better numerical inputs for mobile forms (bradfrostweb.com)

Exactly how much CSS3 does your browser support? (lea.verou.me)

People to follow on GitHub (jakebresnehan.com)

Tools / Resources

Pears – common patterns of markup & style

Collect, test, and experiment with interface pattern pairings of CSS & HTML. Pears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly. (pea.rs)

A Beginners Guide to HTML & CSS (learn.shayhowe.com)

jQuery Collapse Plugin (webcloud.se)

WP Function – Quickly build functionality for your next WordPress project (wpfunction.me)

Foldy960 – A responsive 960 grid from Paravel (github.com)

Bless CSS (blesscss.com)

Create — A new kind of web editing interface (createjs.org)

The Web Ahead with Divya Manian (5by5.tv)

HTML5 Boilerplate 3.0 is out! (html5boilerplate.com)

Modernizr 2.5: Supercharged for 2012 (modernizr.com)

yepnope.js 1.5 is live! (yepnopejs.com)


Robbie Manson: The Mindful Designer

We face a challenge: to ensure our design responses are informed more by our thinking than the tools we use. Absorbed by day-to-day execution, we can forget the importance of mistakes and accidents — of balancing intent with experimentation. (vimeo.com)

dConstruct 2011 talks (sweet resource) (dconstruct.org)

Amazing dynamic ASCII art (nkwiatek.com)

Last But Not Least…

Help make WDW become the raddest, most badass email newsletter to hit the inbox! (github.com/jakebresnehan)