This week I’ve been struck down by a rather nasty virus so we’ll just get straight into these links…
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 provides a possible solution for not having to download multiple images with an adaptive image solution. Effectively it is switching pre-parse: off
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)!
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.
Our favourite responsive Framework, Zurb Foundation, have featured us as their site of the week. Hoorah!
Trent responds to Matt Griffins article above with a suggestion that we err towards larger type and touch targets as a general rule.
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…
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.
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.
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.
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.
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.
One of our original interviewee’s, Matt Stow, takes us through the process of how to retrofit and existing site with Responsive Design
Andy has written the article explaining how this came about, but if you want to dive right into it check it out on GitHub
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 a
n 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.