So I’m in the middle of building a new responsive WordPress theme and am currently knee deep in studying the various different techniques available for handling responsive images within the overall context of responsive web design. One thing is very evident at the moment – this little chestnut has not been cracked yet. This is evident by the myriad of different approaches currently being adopted by the webs best and brightest. Some nice posts which summarise the most prevalent methods include:
There’s also been some additional novel solutions proposed in the past few weeks including a return of the dreaded gif/png spacer. It seems pretty much the whole web is furiously exploring the best solution to responsive images at the moment!
With this in mind a really interesting blog post appeared today from Keir Whitaker of Viewport Industries on Automatic responsive images in WordPress. Keir’s post pretty much blew me away to be honest. While I’ve not had the chance to implement what Keir describes in the post, it pretty much looks like the best approach to responsive images I’ve seen to date. What’s more it really highlights the power of WordPress filters. Honestly, if you’ve not played with WordPress filters as part of your theme/plugin development you are missing out on a world of fun – they’re so damn powerful. Thanks to Keir for putting together a really detailed write up on this. It’s now top of my todo list to play with 🙂