在制作網頁的時候，我們會使用一些假內容和圖片來填充頁面，這樣能夠看到更真實的效果。在之前的工作中，我用過的一款占位圖片生成工具生成的圖片是只有背景色的色塊，沒有圖像，所以效果不夠真實。
這篇文章向大家分享一款特別有個性的隨機占位圖片生成工具——hhhhold.com，你可以通過 URL 定制，hhhhold.com 會隨機返回圖片。你永遠想象不到下一張會是什么圖片。
使用示例：
下面向大家展示13種常用的 URL 參數方法，示例圖片是隨機的，每次刷新都會有驚喜哦！
（1）hhhhold.com/200，生成寬高為200px的隨機方形圖片。
調用方法：
<img src="http://hhhhold.com/200" alt="Place Holder" />
示例圖片：
（2）hhhhold.com/500x200，生成寬500px，高為200px的圖片。
調用方法：
<img src="http://hhhhold.com/500x200" alt="Place Holder" />
示例圖片：
（3）hhhhold.com/200-300，生成寬高在 200px-300px 之間的隨機圖片。
調用方法：
<img src="http://hhhhold.com/200-300" alt="Place Holder" />
示例圖片：
（4）hhhhold.com/r，生成寬高在 100px 和 1280px 之間隨機圖片。
調用方法：
<img src="http://hhhhold.com/r" alt="Place Holder" />
（5）hhhhold.com/s，生成寬高在 100px 和 250px 之間隨機圖片。
調用方法：
<img src="http://hhhhold.com/s" alt="Place Holder" />
（6）hhhhold.com/m，生成寬高在 250px 和 500px 之間隨機圖片。
調用方法：
<img src="http://hhhhold.com/m" alt="Place Holder" />
（7）hhhhold.com/l，生成寬高在 500px 和 900px 之間隨機圖片。
調用方法：
<img src="http://hhhhold.com/l" alt="Place Holder" />
（8）hhhhold.com/xl，生成寬高在 900px 和 1280px 之間隨機圖片。
調用方法：
<img src="http://hhhhold.com/xl" alt="Place Holder" />
（9）hhhhold.com/d，生成暗色的隨機圖片。
調用方法：
<img src="http://hhhhold.com/d" alt="Place Holder" />
（10）hhhhold.com/b，生成亮色的隨機圖片。
調用方法：
<img src="http://hhhhold.com/b" alt="Place Holder" />
（11）hhhhold.com/jpg，指定圖片格式，支持 jpg、gif、png。
調用方法：
<img src="http://hhhhold.com/jpg" alt="Place Holder" />
（12）hhhhold.com/w，生成寬的隨機圖片，不能指定尺寸。
調用方法：
<img src="http://hhhhold.com/w" alt="Place Holder" />
（13）hhhhold.com/t，生成高的隨機圖片，不能指定尺寸。
調用方法：
<img src="http://hhhhold.com/t" alt="Place Holder" />
擴展插件：
hhhhold.js，在頁面中引入這個文件使得圖片能夠緩存。
WPhhhhold!，一款用於集成在 Wordpress 的插件。
Sublime hhhhold!，非常好用的 Sublime Text 插件。
- Respond.js – 讓IE6-8支持 CSS3 Media Query
- Debuggex – 超好用的正則表達式可視化調試工具
- 前端文摘——網頁圖片優化的實用工具和技巧分享
- Lazy Line Painter – 有趣的 jQuery 路徑動畫插件
- Zepto.js – 為現代瀏覽器而生的輕量JavaScript庫