• web
  • services
  • tools
  • how-to
• design
  • art
  • video
  • music
• culture
  • technology
  • fun
  • news
  • misc

FlickHoldr : Flickrの画像をプレースホルダとして利用できるAPI

FlickHoldr.com

ウェブデザインのレイアウト作成段階において、写真などのコンテンツの領域を仮に確保しておくためにダミーの画像を貼っておくことがよくあり、これをプレースホルダと呼んでいますが、こちらのサイトではFlickrの画像を手軽にプレースホルダとして利用できるAPIを提供しているサイトです。

使い方は以下のようにURLにパラメータを含めてリクエストしてやると画像をそのまま返してくれます。

http://flickholdr.com/[幅]/[高さ]/[タグ]/[bw]/[offset]

例：

• http://flickholdr.com/200/300
• http://flickholdr.com/200/300/sea,sun
• http://flickholdr.com/200/300/sea,sun/bw
• http://flickholdr.com/200/300/sea,sun/1

「タグ」はコンマ区切りで複数指定可能、「bw（白黒）」と「offsets」はオプションです。なお、「offset」をの値を変えることで同じタグ指定でも別の画像を得ることができます。

あとは、このように実際にURLをイメージタグにセットしてやればいいだけです。

<img src="http://flickholdr.com/385/235/dog" />

ダミー画像作成サイトは他にもありますが、こちらのように実際の画像が利用できると、プレースホルダ以外にもいろいろと用途がありそうな気がします。