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.
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.
Before you leave
Delivered to 97,459 developers every Monday
This is the first ever newsletter that I open a music playlist for and maximize my browser window just to read it in peace. Kudos to @uidotdev for great weekly content.
The Bytes newsletter is a work of art! It's the only dev newsletter I'm subscribed too. They somehow take semi boring stuff and infuse it with just the right amount of comedy to make you chuckle.
Bytes has been my favorite newsletter since its inception. It's my favorite thing I look forward to on Mondays. Goes great with a hot cup of coffee!
I subscribe to A LOT of dev (especially JS/TS/Node) newsletters and Bytes by @uidotdev is always such a welcomed, enjoyable change of pace to most (funny, lighthearted, etc) but still comprehensive/useful.
Literally the only newsletter I’m waiting for every week.
Bytes is the developer newsletter I most look forward to each week. Great balance of content and context! Thanks @uidotdev.
I know I've said it before, but @tylermcginnis doesn't miss with the Bytes email. If you're a developer, you really need to subscribe
Can I just say that I giggle every time I get the @uidotdev email each week? You should definitely subscribe.