読者です 読者をやめる 読者になる 読者になる

求職者支援訓練webサイト制作科1月クラス

フェリカテクニカルアカデミー池袋の求職者支援訓練webサイト制作科1月クラスの授業解説ブログです。

画像制作の時に便利な「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">