Keep up with the latest news and developments around responsive design and the new direcitons that web designa and development are taking.
In response to the increasing push for responsive element queries Tab Atkins is setting the story straight by explaining why it’s so difficult to include this.
A great article that looks at whether we need two versions of content for our websites these days. Looks like more and more people are coming across to the NO camp.
A really interesting technique of nesting <img> tags within an SVG to get around the responsive images approach. Very interesting approach, although I do wonder about it’s long term practicality if we can not find a way to automate the SVG file.
Take a look at a few of the popular RWD sites and see what they’ve done we’ll, at least according to 1 web designer.
Sticking with possible map solutions I thought this was a great article from a list apart looking at maps today, they even finish off with the responsive layouts.
Adobe have released MACH2 of the Edge Reflow with updates from their beta release. I tried out 1.0 when it was first released and had a bit to say, I’m impressed to say that they’ve taken some of those suggestions in consideration. Yay Adobe
Stu Robson puts his two cents in about the show/hide responsive design button that we discussed last week. I’m with Stu!
I think this will be an article trend that will begin to appear. While not specifically about responsive design all of the references and ideas surround the idea of building your site across multiple screens. It’s becoming the norm!!!
“I fundamentally disagree with this entire article.” Totally agree with you there Brad. In this article Brad looks at each of the articles points and shows how they’ve somewhat missed the point.
If you’re looking to give your users an eject button from RWD then this is the post for you. I really like 456 Berea Street but totally disagree with the approach here. I think it’s a stop gap solution that is an attempt to hand hold where that really isn’t necessary. The only argument I […]
A nice little tutorial about using Wirefy to build responsive wireframes. Personally I would approach Foundation and Bootstrap in the same way.
Divya takes a look at why we’re using so many decimals places when it comes to percentage based widths. why, Why, WHY?
Long and skinny viewports, like an iPhone in portrait orientation, are a natural fit for websites. Their width is perfect for single-column layouts, and their height works well for seeing a whole block of content at once. Turn that sideways, and things get a little weird.
Over the last six months in particular, responsive email design has begun to gain acceptance, with some verticals adopting the practice more quickly than others.
When I first saw this I have to admit I thought “Oh no, not another linkbait targeted bashing of RWD for hits”. Fortunately Alvaris does a great job at pointing out some common issues with RWD but goes on to explain why they are issues and how you avoid them. Hoorah!
A few techniques to help you along when designing sites for retina displays (mostly revolve around the use of media queries
SVG’s, backgrounds, fav icons, this article goes into detail about implementing sites with retina considerations
Typecast is a fantastic tool for designing your typography, and they hit the nail on the head with a content/typography first design.
Jordan believes that it can be a good thing to add an option to switch off responsive design and proposes another icon as a visual aid. As I’ve said in the past I’m not a fan of providing something that covers a poor implementation, instead just spend more time improving the design.
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.