Keep up with the latest news and developments around responsive design and the new direcitons that web designa and development are taking.
With all these new screens and devices we need our websites to work across the against the time and cost associated with testing is on the rise. This article looks at how you can approach a testing strategy and leaves you with some device recommendations and cheaper alternatives.
Creating a simple navigation pattern across multiple devices and screen widths on a site as content heavy and complex as the Guardian is a tough task, they’ve nailed it.
In the spirit of sharing interesting approaches to responsive design this article is worth a read. The author suggests loading location, orientation, bandwidth, device group, device class and others as css classes on the HTML element (similar to how Modernizr works with feature detection). This is going back performing device detection to cater for specific […]
Advertising still hasn’t quite caught up with the responsive world just yet. Zurb, the clever folks behind Foundation, have come up with what they believe could be a winning solution. Check out the playground examples and see it’s something that might help you out now or on a future project – See the release story […]
In a Responsive Images Community Group list Matt Maquis sent out an email from Eric Portis with an update to all the latest developments in RWD Images. A huge thanks to all the work from Yoav Weiss!
In the spirit of sharing interesting approaches to responsive design this article is worth a read. The author suggests loading location, orientation, bandwidth, device group, device class and others as css classes on the HTML element (similar to how Modernizr works with feature detection). This is going back performing device detection to cater for specific […]
There have been a fair share of articles assigning poor performance and slow load times as a result of building a responsively designed site. I like to call them link bait articles. Tim shows us how during a recent project he used this inaccurate myth about responsive design being bad for performance to focus the […]
Image optimisation is probably the single biggest performance benefit you will get on your site (with concatination of CSS/JS and Gzipping coming in a close second). Trent explains why and how.
Accessing content over slower connection speeds isn’t the only issue to consider when building mobile first RWD. You also need to consider the latency and drop outs in connectivity.
A few weeks ago we ran part one in this three part series. Catch up on the next part of the interview with Ethan Marcotte focussing around his influence from John Allsopp, content parity across the web and much more.
Use cases is where everything always starts… or at least that’s where everything should start. Now that we’re beginning to see the light at the end of the tunnel for responsive images RICG are turning their attention on the next problem to solve. In addition to adding use cases, if you’ve written anything around the […]
Google is taking the next step in steering people towards a responsive approach, or at least to a crappy experience of redirecting users to a home page when they want an article.
Another deep dive into the application of the new picture element. Tab Atkins even took the time to comment on the post and point out some issues with the <picture> and art direction.
Hoo-freaking-ray — we can now officially celebrate. Picture element is finally here and is working in Google’s Canary. With Firefox and Safari working on their implementations already it won’t be long until it’s out of the box for everyone. This article tells you a little bit more about how to get started and more importantly […]
A look at the process from inventory to deciding what to do with icons, sprites, rasters and everything in between.
The BBC are jumping on the SVG bandwagon and are leading the way. For the recent UK elections they built a responsive SVG based mapping interface that took the data from the election results system and feeds it through as JSON. The results themselves formed the boundaries and the winning electorates received their colours from […]
Smashing Mag followed up their on Picturefill 2.0 (see articles) with this one from Eric Portis all about how we can use the upcoming picture element and srcset to cover off each use case for responsive images.
Everyone loves emails… for example you’re reading one this very second (yes you!) Well while you might not love /all/ emails you do love some of them, and it’s important that you can easily digest the content regardless where you want to read them. So, can we get it to work?
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.