Responsive Design Weekly #49

This week I’ve been struck down by a rather nasty virus so we’ll just get straight into these links…



Old Dog, New Trick — What I Learned Today — Medium

This is a closer look at our featured site from last week, Teehan+Lax, and how they have changing their approach to web design.

Capturing – Improving Performance of the Adaptive Web

Capturing provides a possible solution for not having to download multiple images with an adaptive image solution. Effectively it is switching pre-parse: off

.net Awards

Vote for Am I Responsive in the Net Awards

Did you know that the Am I Responsive side project I made to help me with screenshots has made the shortlist for the Net Awards? If you’ve tried and loved using it as much as I do I’d really appreciate you voting for it in the Side Project of the Year category. Vote Now (please)!


Unsupportable Promises

Eric Meyer does a great job of providing a better understanding on the @supports module in the CSS Conditional Rules Module Level 3. A great article, but it is so much better thanks to the accompanying comments.

Responsive Design Weekly from ZURB

Our favourite responsive Framework, Zurb Foundation, have featured us as their site of the week. Hoorah!

Type & Touch

Trent responds to Matt Griffins article above with a suggestion that we err towards larger type and touch targets as a general rule.

Lou Ferrigno Gives His Body 110%, Should You?

Matt Griffin takes us through Bearded’s thoughts and ideas around setting a base font size. Do you set 100%, 87.5%? There’s good arguments for both but which will win out…

Rock Hammer, a curated, responsive project library

Andy Clarke explains about his new project which has improved upon the 320up starter kit he put together last year.

Tools, Tutorials, Frameworks and Workflow



A rapid prototyping and static site generation tool for designers and developers. Not specifically for responsive sites but a great option for any web developer or designer.

Tiny And Responsive jQuery Slider – Unslider

Unslider is a tiny jQuery plugin (<1kb minified and gzipped) for sliding any HTML content.

It adapts to responsive layouts out-of-the-box and arranges itself automatically if the size of each slide is different.

Webflow – Design Responsive Websites Visually

This is something I found late in the week and haven’t had an opportunity to look at just yet. If you check it out I’d love to hear what you think, just reply to this email.


Developing a responsive, Retina-friendly site (Part 2)

A follow up to an earlier article we ran, Paul continues his responsive retina friendly site in part 2 where he goes into much more detail with images.

Working with flexbox

In this article Steve will walk you through the latest flexbox specification and use a simple demo to show you how to create a layout that’s flexible, and has equal height columns and elements that you can arrange in any order, regardless of their order in the HTML source.

Responsively Retrofitting An Existing Site With RWD Retrofit

One of our original interviewee’s, Matt Stow, takes us through the process of how to retrofit and existing site with Responsive Design


Rock Hammer

Andy has written the article explaining how this came about, but if you want to dive right into it check it out on GitHub


A More Flexible Workflow

An interesting peak into WSOL’s change of process when approaching responsive design projects.

That’s all we’ve got from this week. Thank you very much those that sent through the suggestions about covering Advertising in RWD in a more practical way and to review your latest sites for inspiration, when I’m feeling better over the weekend I’ll start work on both of those. If you have any articles that you think should be included make sure you reply to this email or shoot me a tweet and let me know.
Thanks for subscribing and making it all the way to the end!

Responsive Design Ebook

A collection of interviews, tips, tricks and some responsive sketch pages in one easy to download file.

Learn from more than 26 leading responsive design experts across more than 80 pages for the price of an expensive coffee. Or, think of it like buying me a beer to say thanks for sending you a newsletter each week…. plus you’ll learn tons too.

Buy Now for just $6.99

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>