24 Ways is a web design/development blog that deliver fantastic articles ranging from web strategy to design ideas to development techniques making it the perfect advent calendar for anyone working in the web.
This year it is no surprise that they’ve ended up with a huge focus on the responsive nature of web design, and there are some absolute cracking reads to be had.
In this article we’re going to take a look at the responsive articles so that you can quickly find the article that you want to find out more information about.
Tim focusses on the performance side of Responsive Design, something which has gone missing in a lot of the recent responsive implementations. He talks about conditional loading, warns about being careful with images and lists a great idea from Steve Sounders when approaching new functionality to an existing site:
- Optimize an existing feature or asset on the page
- Remove an existing feature or asset from the page
- Don’t add the new feature or asset
Dan Donald takes a look at the evolution of web design and looks at how although the web was once responsive (text on a page sans CSS is pretty responsive), it is now coming full circle.
He is taking a look at making the web react to the user and their context, which is what a lot of people have mistaken responsive design when they decide to go down that path. Too many people concern themselves with things like “Well on the ipad the user will be looking to do XYZ, but on the iPhone they will be on the move looking to do….”, and it’s a dangerous path to go down with RWD alone.
Dan looks at how we might introduce so reactiveness into the mix to hopefully fill in the missing link.
He looks in details at the <picture> and srcset approaches to responsive images.
Rather than side with one or the other his point is that we need a better image format, not more or changed markup. He also shows that the size of the display is not always tied directly to the size of the image, demonstrating an example whereby the images on an tablet are larger than those on the desktop which are in turn smaller than those on a mobile.
It’s a great article to lead us into a responsive images new year.
More more, gimme more
Rather than go through all of them individually you should now see that these articles are individual works of brilliance. Be sure to also check out:
- Design Systems by Laura Kalbag
- Redesigning the Media Query by Les James
- Giving Content Priority with CSS3 Grid Layout by Rachel Andrew
- Infinite Canvas: Moving beyond the page by Nathan Peretic
I highly recommend reading every one of the 24 Ways articles, but if that’s too much the links listed here are an absolute must.