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.

2014 State of Element Queries

Tab Atkins revisits Element Queries again with the sad new that not much has changed. He provides an overview again about the general problems but hints that the Shadow DOM might help us get there (after all iFrames already work in an EQ way… that’s how our Am I Responsive works)

Read more

Responsive Design Sameness

Stephen Hay, of Responsive Design Workflow book fame,  put his two cents into the “why do all responsive sites look the same” debate. While he agree’s that developers and designers need to work together to produce better results, Stephen doesn’t think this is the cause of the sameness. Instead he puts the blame back on ourselves […]

Read more

Responsive-Design Intranets with Apt Content Prioritization

Nielsen Norman Group take a look at two award winning intranets and how they used responsive design to improve usability across mobile and tablet devices.  Apart from the backing of different navigation menus across different viewports, which I disagree with, the rest of the article has sound advice.

Read more

Why RWD looks like RWD

Tim speaks up about what we’ve all been thinking. RWD sites seem to all look the same. Most people blame RWD itself for this however it’s more a result of the implementation than the technique itself (this also goes for performance complaints about RWD).  The problem stems from business, processes, and people.

Read more

Responsive Interview with Harry Roberts

We’re back with another interview series. Each week we ask our interviewee’s the same four questions that everyone else gets, except there’s an added twist where we let the last interviewee ask two new questions for the next interviewee.

Read more

Introducing the new BBC iPlayer

The iPlayer was launched at the end of 2007 and now, through the implementation of responsive design, is avaialble on over 1,000 different devices serving over 10 million requests a day.

Read more

How the BBC should practice Responsive Web Design

A great follow up article to Trent Waltons on Device-Agnostic. The BBC team once again sharing their experiences in approaching a large scale responsive design project.

Read more

Device-Agnostic

Trent Walton takes a look at what it truly means to be Device-Agnostic. It used to be about basing out media queries on the content and not device specific sizes, but now it needs to be more than that.   He talks about hostile browsers, tiny screens, slow connection speeds and touch inputs and looks in […]

Read more

Responsive & Fixed One Page Nav

A fixed navigation pattern developed by @Viljamis.

Read more

Evolving Responsive Web Design

After Lyza Danger Gardener and Jason Grigsby had their say on what they see is the definition of Responsive Web Design (or responsive web design) it’s Jeffrey Zeldmans turn. Jeffrey talks speaks of the same argument he had with Ethan back when Marcotte was still writing his book. Although Jeffrey failed to convince Ethan to […]

Read more

Responsive Images supported in Chrome

Hip hip hooray, Chrome beta are now going to be supporting srcset. Yoav Weiss is thanked for this, AND they’re preparing the <picture> element next.

Read more

BBC News website: responsive design in beta

This week BBC have written about their responsive design news site and the plan to slowly roll out the beta version. I was sad to see the comment on this article complaining that the desktop version of the site has now been dummed down. Someone correctly points out that 43% of mobile traffic means they […]

Read more

Responsive Strategy

In a similar way to Jeremy Keith last week, Brand Frost takes a look at the options when approaching your website responsively. A really great overview of the pro’s and con’s for each approach.

Read more

Mobile Menu AB Tested: Hamburger Not the Best Choice?

While I’m not exactly shocked that the word “Menu” performed better I’m glad someone has done the testing to back up our assumptions. Include the word if you can, but I think over time everyone will get used to the icon. I wonder if we had the same issue when using mail as an email […]

Read more

Off The Beaten Canvas: Exploring The Potential Of The Off-Canvas Pattern

Last week I spoke about navigation on the podcast and there are some more articles this week covering responsive navigation this time from Smashing Magazine again focussing on the off canvas approach.

Read more

Mobile First Responsive Design

Luke covers off Jason Grigsby’s talk on mobile first responsive design. Jason looks at 5 key areas that you should concentrate on including image sizes and conditional loading of content.

Read more

An Event Apart: Mobile First Responsive Design

Luke covers off Jason Grigsby’s talk on mobile first responsive design. Jason looks at 5 key areas that you should concentrate on including image sizes and conditional loading of content.

Read more

Climbing Mount Responsive

Jeremy covers off a recent trip to Germany for a 3 day responsive design workshop. During the workshop he found the real issues arose from the bigger picture stuff — how do you handle a transition from a large historic desktop site to a mobile first approach. To answer the question he posed three possible […]

Read more

Episode 15: Knowing Your Tools

An interesting interview with Ethan Marcotte during his recent trip over to Australia for the Respond Conference. Ethan talks about understanding your tools, how they approached the Boston Globe project for showcases by handing out different devices to see how it looks.

Read more

Making the Envato Marketplaces Responsive

Evanto has made their site responsive by starting with a simple approach, build one standalone section responsive and expand out from there. As is quoted in the article “A journey of a thousand miles began with a single step” — Lao Tzu

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.