Never understimate the insanity of user-generated content in your projects again.
Drop hhhhold URLs into your code for quick access to safe-for-work, attributed images from ffffound. Simulate real user content in your project.
Try these examples out
- hhhhold.com/s
- hhhhold.com/jpeg/200/d
- hhhhold.com/m/w/b
- hhhhold.com/r
- hhhold.com/300-400/png
- hhhold.com/l/t
Size parameters (you need exactly one of these)
-
/200
A 200px square
-
/500x200
Exactly 500px wide by 200px tall
-
/400-550
Width and height randomly between 400px and 550px
-
/r
Insanity. Width and height randomly between 100px and 1280px
-
/s
Width and height randomly between 100px and 250px
-
/m
Width and height randomly between 250px and 500px
-
/l
Width and height randomly between 500px and 900px
-
/xl
Width and height randomly between 900px and 1280px
Modifiers (mix and match)
-
/d
A dark image
-
/b
A bright image
-
/jpg
Explicit format (jpg, png, or gif)
-
/w
A wide image (can’t be used with explicitly sized images)
-
/t
A tall image (can’t be used with explicitly sized images)
Notes
Browsers will cache hhhhold! images. If you link to one hhhhold URL multiple times on the same page you will see duplicates of one image, even though hhhhold! will deliver different images from the same URL.
Either append a random query to each URL (like hhhold.com/m?1, hhhhold.com/m?2) to get around this or use hhhhold.js to automate this process for you.
Plug-ins, extensions, & utilities
-
hhhhold.js
Include a simple javascript file in your HTML to bust browser caching.
-
WPhhhhold!
A Wordpress plugin to pull in hhhhold! images. Great for templates.
-
Sublime hhhhold!
A Sublime Text plugin that simplifies inserting hhhhold! URLs into your document. Now available through Package Control.