WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

Webサイト制作の時に便利な「placehold.it」

カンプが完成して、コーディング作業に入りたい!けれどまだクライアントから画像データが送られてこない!
こんな事がよく起こります。だからと言ってデータがクライアントから送られて来るまで、ただ待っていては締め切りに間に合わなくなってしまいます。
そんな時は通常、仮画像などを使ってコーディングを始めますが、仮画像を揃えるだけでも大変です。
そこで便利なのが「placehold.it」です。


f:id:yachin29:20160601152236p:plain

https://placehold.it/


使い方は非常に簡単でimgタグに表示したい幅と高さを記述するだけです。

<img src="http://placehold.it/350x150">

色を入れたい場合は幅と高さのあとに16進数のカラーコードを入力します。1つの場合は背景色、2つの場合は背景色/文字色になります。

<img src="http://placehold.it/350x150/000000/FF0000">