Responsive Design Weekly #88

Welcome to Responsive Design Weekly #88! Todays responsive site comes from Pinterest and the creative team. The site itself is an explanation of how they design the new feature (places pins), and the story itself is as impressive as the result.

This is our last weekly wrap up for the year. Next week we’ll be running an interview feature while I take some time out with Noah and Laura to enjoy our first Christmas together as a family (see the bottom of the email for a cheeky xmas boy).

A huge thanks to everyone for subscribing, recommending links, saying thanks, and special thanks to those who bought the ebook to help support the newsletter. It means a lot.

See you next year!


Lets get to the links…


The Many Faces of ‘Adaptive Design’

Brad Frost looks at the many definitions of Adaptive Design. I’m a fan of the adaptive & responsive approach, however as outlined in todays tip you should take into consideration the contexts of your customer/reader and provide the best possible experience.

Responsive Web Design Trends

Jeremy Osborn, who also put together a RWD course, rounds up some responsive trends that he gleaned from Artifact Conference. A grea3 overview.


Ready to Learn Responsive Web Design? Take Our Free Online Class!

This 12 lesson, self-paced course will teach you best practices for building responsive websites including: how to design using flexible grids; how to deploy fluid media, responsive images and responsive typography; optimal responsive web design workflows; and much more! Enroll now! Cool Design Jobs - Get Hired!


UI Kit is dead

Scott Kellum urges you to not to just use Bootstrap and Foundation, but instead create your own framework for each project you work on. That way you’re not trying to force what’s best for the project into a preconfigured set of instructions that someone else created for their own projects.

Roughly 1 in 8 websites is Responsive

Guy finds out the average ratio of RWD site across a pool of 10,000 sites by simply testing to see if there’s a horizontal scroll bar at 480px. He was excited to see 1/8 responsive, but for me that seemed low although I imagine that is because I spend most of my time with RWD sites.

5 Most Exciting Features of Foundation 5

With the launch of Foundation v5 you might be wondering what has changed. This article covers the 5 best features (three of which are catching up with the direction Bootstrap has already taken).

Challenges & Solutions for Your Responsive Navigation

Treehouse blog explains a few different options for responsive navigation explaining the design, development and content issues you may encounter. We also wrote a short article explaining how we accomplished the off canvas navigation on

Structuring Your Workflow for Responsive Web Design

Ben Callahan has been featured on more then one occasion in our newsletter. This week we’re sharing an interview with him on the UIE podcast.

The Part and The Whole

Brad takes a stab at breaking down his ideas around the concept of atomic design


How Optimized Are Your Images?

As you know performance is becoming more and more the front and center concern for responsive sites, and images are where you can save most of your weight. Meet ImageOptim-CLI, a Batch Compression Tool.

Responsive Photosets

A tutorial on how to create a fluid photoset similar to how Tumblr allow you to layout of different photo sizes.

The Device Test Imperative

A good example of why you should always test on devices, as well as a nice tip for mobile safari rendering.


Line Menu Icon..3 That Is A Menu

Turn your navigation into a line/hamburger menu. Literally!

The Hub – blazy

Bjørn Klinggaard has written a small script for lazing loading and multi-serving of images with no dependence on jQuery or other libraries.


Announcing Respond, the Responsive Web Design Festival

John Allsopp and Maxine Sherrin are holding Respond, a two day “festival” of all things Responsive, in their hometown, Sydney, on February 4 and 5 next year. With the likes of Brad Frost, Ethan Marcotte, Jason Grigsby and more it promises to be something special.

A Moment to Breathe 

Lastly I wanted to direct you to this article on a list apart in the hope that you take a 30 minute break from your day, read it, and take stock about how hard you’ve been working and whether you are treating yourself fairly. The Christmas and New Year period is an occasion that a I tend to take stock of what is important in life, and regardless if you celebrate them I encourage you to look at what you’ve done this year and be proud of your years accomplishments. Also take stock of your current workload (both day to day and side projects) and see if you have enough time to do what you really want to be doing. You are only this age and at this current stage of life once so now is the time to make the most of it.

Thank you to those that sent through links to your own work last week, as always if you’ve written an article built a tool make sure you reply to this email or shoot me a tweet and let me know.

See you in the new year, and Noah says Happy Holidays!

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>