Responsive Design News

Keep up with the latest news and developments around responsive design and the new direcitons that web designa and development are taking.

Don't Wait on Responsive Images

Tim Kadlec shares his experiences developing a recent client website using a CMS and including support for responsive images. The beauty of this approach comes in providing content editors the ability to include responsive images inline without the need to think about which size version goes where or how the new syntax works. It’s something […]

Read more

Picturefill 2.0: Responsive Images And The Perfect Polyfill

Smashing Mag provided an overview of the RICG proposal in this weeks headlines, and in this article they go through step by step to explain how the new Picturefill 2.0 (developed by Filament Group, and in particular Scott Jehl) pollyfill can be implemented today so you can get started now.

Read more

Cinematic

Last week we had a great email come through from one of our readers to share this case study on their work on a responsive cinema website. Listings, filters, performance, accessibility… they have covered everything.

Read more

Brad Frost on workflow, responsive frameworks and the future of the web

In the lead up to his talk for an upcoming conference Brad talks about CMS, Frameworks and his approach to a responsive workflow.

Read more

How To Combine Duplicate Media Queries

One of the issues some people complain about when using Sass is that you get a tonne of repeated media queries in your CSS due to the way we write Sass files for ease of use. This doesn’t concern me because GZIP will remove all the extra stuff for me, but for those of you […]

Read more

Readable, Fluid Type With Basic CSS Smarts

A lovely tutorial on making the most of your content by paying using EM’s, focussing on line length, hitting the right breakpoints and adding in some column magic.

Read more

Look at the Big Picture

Lyza preps us to watch out what we wish for because we just might get it. Responsive images has been on our xmas wish list for a while now and with <picture> making some real progress are all our wishes answered? Although is does come across a little pessimistic I like what she is aiming […]

Read more

Responsive design works best as a nip'n'tuck

I had to leave a comment directly on the article. I thought that sharing their approach to Basecamp was awesome. As a product I know and love to use across multiple devices it’s great to know how they were solving problems. What I did take a little exception to was when David stated… “So the […]

Read more

Why Element Queries Matter

Hugo believes that we could almost do away with Media Queries once someone sorts out the Element Queries issues. He set about constructing an example using on of the available plugins. The results are great, but the same problems still exist.

Read more

Is it “Mobile First” or “Content First”?

Picturefill 2.0: Use the element today

The <picture> element is another step closer. The clever Scott Jehl from the Filament Group has been working hard on creating a working polyfill that uses the <picture> element itself rather than using <span>’s as it has up until now. Now they are finished and Picturefill has been released. We’ve already updated out template images […]

Read more

Element Queries, From the Feet Up

Our final entry into the Element Queries wrap up looks at utilising an object tag. It’s an interesting out of the box approach that seems to work although it does seem ‘hacky’ (but then isn’t everything seem that way first time around)

Read more

The Cassette Tape as Responsive Design

I never noticed this before, but the artwork on cassette tapes were responsive in relation to their vinyl compatriots.

Read more

Question About Using Photoshop in Responsive Workflows

Dan Mall raises the most important point with these questions. Use the tool that allows you to best deliver a result for your client in the timeframes you’ve got.

Read more

Question About Using Photoshop in Responsive Workflows

Dan Mall raises the most important point with these questions. Use the tool that allows you to best deliver a result for your client in the timeframes you’ve got.

Read more

Ecommerce and Responsive Web Design

Remember last year when it was revealed O’Neill had improved their online sales after going responsive? Now find out how well they’ve done over the entire 12 months. Great from Electric Pulp.

Read more

Creating responsive web services

A close look at the current Mobilesque and Barlesque approaches to BBC Web services. Simon Rooney shares the new thinking for a global approach looking at flexible grid groups.

Read more

Responsive Interview with Mike Kus

This edition our interview is with Mike Kus. Mike has designed some amazing sites including MixD, Mixture, and he was also commissioned by Smashing Magazine to design the cover and illustrations for their mobile book.

Read more

Ethan Marcotte on how responsive web design came about

Ethan Marcotte explains why we should use a responsive approach to design responsibly and sustainably.

Read more

Mobile-first responsive design

Go Squared shares their mobile first approach to their new design for their Corporate and Engineering blog.  An interesting approach to the logo/navigation which will be interesting to see if that’s going to work.

Read more

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.