お久しぶりです。近況はまた書くとして、久々に記事を書きます。
ウェブ制作を進めていると、プレースホルダ画像が手間になりますよね。
そんなか役に立つのが、「Placeholder.com」です。
アドレスを指定するだけで、プレースホルダ画像を自動で作成してくれます。
サイズだけでなく、色・テキスト・フォーマットまでも設定できます。
使い方は簡単です。
ベースは
http://via.placeholder.com/{横px}x{縦px}
を <img>
のソースに選びます。
ベースは
例えば、
http://via.placeholder.com/120x50
ですと、
というふうに、
http://via.placeholder.com/120
ですと、
というふうに、一辺の長さのみを入れると正方形が表示されます。
http://via.placeholder.com/{横px}x{縦px}/{背景コード}/
のように、サイズ指定後HEXカラーコードを入れることで色指定ができます。
http://via.placeholder.com/120/ff0000
ですと、
という感じで、簡単に色指定することができます。