Keep up with the latest news and developments around responsive design and the new direcitons that web designa and development are taking.
A great post by Bruce Lawson around the origins of the viewport meta tag. Bruce looks at what happens when we omit the <head> and <body> tags showing the HTM (and browsers) do a very good job of falling back to workable solutions. Pro Tip: make sure you read the comments on this one too.
Tim Kadlec takes a look at the performance times for devices parsing and executing jQuery. Newsbreak — it takes time…. a long time for some devices. Aside from the figures Tim covers 4 ways to help with this issue.
The difference between using async and defer attributes when calling javascript
Eric Ports is excited… and so he should be. This week we’ve seen the launch of 2 browsers supporting responsive images.
Modelling your content will allow you to focus on the things that really matter. This in turn makes it much easier for you to design a mobile first responsive design. Let Stephen Fisher show you exactly how to achieve this.
Apple take a look at the hamburger icon and look at when it is most useful (apparently never).
Typography makes up most of our sites and getting it right across a variety of viewports is important. Style guides can help you with this and Susan Robertson explains how she used them to help FiftyThree achieve it.
Our good friend Andi from Vanamco (the team behind Ghostlab) has written a great guide to all things responsive images.
Once again Eric Portis takes us through an incredibly simple and easy to follow article about the three different implementation use cases for responsive images.
The other week I had a long discussion over a few beers at the pub about the use of web components and how ridiculous it was to build things progressively now. I’m all with Jeremy on this one, and I’m glad he’s still really pushing the progressive approach…. and so should you.
A closer look at IA patterns in the age of a single source of content across the plethora of devices and viewports we have today. How do you help users of your site find their way around?
Today is the launch of Opera (based on Chromium) and with it brings some awesome updates. Two of the best from a responsive point of view is the <picture> HTML element and a series of SVG improvements.
Happy 8th Birthday Smashing Magazine, and to celebrate Vitaly has provided us all with a very detailed approach on how they were able to reduce load times and get a 99/100 on mobile speed test.
This week I’m joined by the Father of Responsive Design, Mr Ethan Marcotte. It was great to chat with Ethan about how he arrived in the field of web design, the fundamentals of responsive design and why they’re so important, and where he sees things moving in the future. Check out the podcast now.
Jason Grigs asked RICG if the 8 guidelines and 1 rule he wrote about responsive images have stayed the same. Mostly they have, but I think there are a few updates that could be included.
A fantastic redesign story from the team at Wired. It’s great to see them starting from the very heart of the users needs, finding and reading the article and working everything else out from there.
With Polar being acquired by Google Luke Wroblewski took some time to compile everything he learned about building the interface into an iBook and PDF. For Free!
Off canvas is the unofficial winner [citation needed] for the handling of navigation in responsive design. Mary Lou shows us how we can add a bit of style and flare to the interactions.
Jason Grigsby explains is great clarity the reasons where you would use the different responsive image specification implementations. Of course you could use <picture> but the chances are for most of the implementations you won’t need it.
For a long time I’ve seen the debate rage over SEO and responsive design. Finally a definitive answer — No, responsive design does not directly translate to better ranking. Fortunately they also point out that responsive is still the preferred approach over multiple URL’s or serving dynamic content based on other factors.
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.