Hammy speeds up your website by generating and serving resized images for your content area depending on content width.
The width of your browser is quite different than that of the post/page container (i.e. #content). By being able to measure the width of the content container instead of the browser window, you'll ensure far better accuracy at all breakpoints.
If your website is 960px wide, but the content (#content) is only 600px, then
600 is your largest breakpoint. If the next smaller size is iPhone landscape (where the sidebar is also positioned underneath the content) and you have a 10px margin on either side, that breakpoint is
460 (480 minus 20), and so forth.
At the end, your breakpoints may look like
You have the ability to ignore certain classes (i.e. ".gallery-thumb"), but please let me know of any edge-cases on the Hammy forums
Hammy is possible through two awesome open source projects:
They're both worth checking out and getting a better understanding of (or using in your mega-awesome WordPress client projects).
Hammy, from the movie "Over the Hedge", he's quite fast, like these images. Be sure to check out the movie for full appreciation.
Requires: 3.5 or higher
Compatible up to: 3.8.15
Last Updated: 3 years ago
Active Installs: 1,000+
Got something to say? Need help?