Keep up with the latest news and developments around responsive design and the new direcitons that web designa and development are taking.
SVG fallbacks are all about making the web faster. Unfortunately a few holes have been found in some recently featured techniques that mean two downloads occur rather than just the one. If you use SVG and fall backs it is well worth reading this article.
We all know about making images flexy/squishy, but sometimes an image loses it’s legibility at the smaller viewports. This technique allows you to keep the image a legible size without breaking your design. NICE!
So is this a massive step towards our responsive image problems, or the start of a divide between browsers and their implementations. The Responsive Images group have recently been looking to chair a discussion between themselves and some of the browser vendors to get some decisions and movement around a particular solution, whether it be the […]
A few weeks back we ran the Simple State Manager plugin as a tool available to fire certain JS functions at particular responsive widths. This week they creator has provided a more detailed tutorial on how you might work this into your workflow.
David Bushell takes us through his responsive journey with his latest freelance project with King’s Transfer. Right from the first conversation he had with the client, through the design process and his workflow approach to delivering the project.
Jeremy shares an email he sent to another design agency describing the approach by Clearleft to build the 2012 dConstruct website. It’s a great insight into the types of things you should be considering when approaching your next project, and the thinking behind some of the implementation decisions.
Amber describes the problems that many of you will probably have experienced when it comes to clients wanting to know which devices you’re making the responsive design for…ergghh.
Google Adsense have now rolled out a beta solution to responsive advertising. It’s not a complete solution, you will still need to specify pixels widths and be within their standard advertising sizes and it will only respond to the page load viewport. A good start.
You can probably guess from our recent inclusion of CodePens that we’re a big fan. Now you’ve got another reason to jump in and start using it with the ability to link in Twitter Bootstrap or Zurb Foundation.
I’m very happy that “Am I” was the first tool featured in this article, but there’s plenty more to check out how responsive your site is.
Optimised images are half the battle when it comes to serving responsible responsive images.
It’s no secret that I love Zurb Foundation, and they’re putting the final changes into version 4 before focussing all their efforts for the nice and simple upgrade to Version 5 (it will be simple… right guys?)
Keeping page weight down is important, especially on mobile networks where page load is often a bigger factor. This technique allows you to reduce the load by ommiting @font-face fonts loading in certain media queries, while still keeping all browsers reasonably happy.
Team Treehouse take a look at some of the popular design patterns and give us a few tips around some of the things we should be taking into consideration when going from old to new, desktop down.
Jeremy Keith points out why the technical side of responsive design is not the problem, it’s the people and more to the point the processes associated with the way we have been building the web that are the true challenges.
A look into how the new google glass web browser handles websites. Good news is that it honours the width=device-width viewport declaration.
Scott Jehl at the Filament Group is interested in finding a way to get Element Queries working outside of javascript and as part of the CSS (albeit via a SASS mixin). It doesn’t look like anyone has cracked that egg yet, but there are some interesting approaches suggested.
An interview with Barry McGee about his responsive design workflow from the guys at I ask, You Answer.
Ron Gilmour from the Ithaca College Library emailed me last week to let me know about the new responsive website they had just launched. I took the opportunity to fire a few questions back to Ron and find out any lessons learned that might benefit you.
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.