by Flo Preynat

Yet another responsive images blog post – defo the topic of the month for me – with a test drive of Hammy, a nifty little plugin dealing with wordpress-based picture files,… the responsive way of course.

Hammy in a nutshell

Hammy is a mash-up of WPThumb and jQuery Picture providing your wordpress site’s visitors with the most appropriate image, without any additional effort from your side.

The plugin is javascript dependent, and it replaces your image tags with the picture element we have been talking about last week.

As far as you are concerned, you build your posts and pages with your regular content, including large-scale images, and the plugin will regenerate a number of smaller sized images, according to the breakpoints you have set yourself.

Pros

Mega simple. You haven’t got to dive into your themes files, .htaccess or learn a specific handshake.

Install the plugin, activate it, specify your image container class (and the ones to ignore) and set the breakpoints (relevant to the container defined previously) in the Hammy settings, and opt in or out for Lazy Load.

You’re done.

Note: breakpoints are relative to your container, as opposed to (presumably what you’re used to) the viewport ones.

More on this in Hammy’s FAQ.

Cons

It’s jQuery/Javascript dependent, hence you will fallback to the default image file (as in the big one as opposed to something like Foundation Interchange), if jQuery isn’t available or if your javascript is disabled.

No art direction possible as of today.

Verdict

Works great. I was quite surprised to see the lack of reviews and interest around this plugin. It is certainly worth a look and test. You can give Zurich-based Noel Tock some love here and contribute to his work there.

My name is Flo Preynat and I am the freelance webdesigner and developer behind shoogle designs. I live in France and specialize in responsive web design. Give me a shoogle or get in touch with me on twitter.

Most Recent Posts

Special Recent Posts

Sip: a color picker refreshingly simple indeed

Sip: a color picker refreshingly simple indeed

July 10th, 2014

I've just discovered Sip, a color picker app for Mac users. "Just discovered" since it's been around[...]

Perch – the CMS that does not pollute your web design workflow

Perch - the CMS that does not pollute your web design workflow

July 7th, 2014

I have recently finished a project based on Perch, the clever 'little' CMS created by edgeofmyseat.c[...]

Responsive video code snippet

Responsive video code snippet

June 29th, 2014

More of a reminder than a pure detailed blogpost, this code snippet will be my go-to resource when I[...]

Project Naphta: a nifty extension to play with text embedded in images

Project Naphta: a nifty extension to play with text embedded in images

June 9th, 2014

We've all been there. You want to select a good chunk of text on a website, only to realise you can'[...]

Free photos for your web design projects

Free photos for your web design projects

June 4th, 2014

Nothing beats using a real professional photographer when working on a cool project. You can be the[...]

Comments

  1. hello there!

    I’ve been using the picturefill.WP plugin which does what you describe, and has been around a tad longer. Works quite well: http://wordpress.org/plugins/picturefillwp/

  2. Annette says:

    Hey, thanks for developing this! I’ve been using PicturefillWP, but haven’t been able to use it consistently alongside Advanced Custom Fields templates. Looking forward to installing this one and giving it a go!

  3. Brent says:

    Been looking for something like this for my new blog. I’ll give this one a try. Thanks for the share!