Community & Business Groups

Interesting Responsive Images workaround

A colleague of mine, Ian Devlin, put this up yesterday. I’ve had a small play with it and forked it to add some caching. It seems like a pretty good workaround (note, I don’t say solution!).

http://www.iandevlin.com/blog/2013/10/responsive-web-design/resimagecrop-a-responsive-image-solution

I’m sure he’d be glad of some community feedback on it. I haven’t really had the time to poke holes in it fully yet, but I like what it does. His article explains in depth what he is doing but in synopsis, he is creating the img source from a php script which can also take arguments for height, width, crop and scale. Tied in with Scott Jehl’s picturefill script, it works very dynamically and seems very responsive.

All thoughts and comments greatly appreciated.

2 Responses to Interesting Responsive Images workaround

  • I’m sure there are a number of things wrong with it and things that people don’t like (e.g. it needs a PHP server!) but I think that it’s a useful solution for certain issues that we encounter with responsive images at the moment.

    Reply

  • Hi Ian, I’m so close to thinking what you’re thinking. I’m sure you’ll figure out how to get it to work on a server; but more importantly, the parameter at the end of the jpeg should become a standard so browsers can recognize it. Read more about standardizing the parameter at side dish to the RespImg Syntax.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Before you comment here, note that this forum is moderated and your IP address is sent to Akismet, the plugin we use to mitigate spam comments.