Dummy Picture With Placehold.it

Ketika sedang mendisain sebuah website dan malas mengetik konten teks biasanya kita menggunakan lorem ipsum generator di lipsum.com. Disitu kita bisa kopi paste teks yang sudah ada atau meng-generate (ini bahasa Indonesianya apaan yak?) teks baru supaya terlihat acak.

Jadi bagaimana dengan gambar? Ada nggak dummy picture yang bisa meng-generate (beneran, bahasa Indonesianya meng-generate apaan yak?) gambar secara online? Daripada kita nyiap-nyiapin gambar terus diresize-resize di photoshop atau di paint atau di editor lainnya, kan enak kalau ada boongannya.

Ada nih namanya placehold.it (klik aja, kebuka di window baru kok). Cara pakainya juga gampang.

Di HTML, tag untuk menampilkan gambar adalah <img src="path_to_picture" alt="" />, jadi misalnya <img src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc7/428307_10150611788629825_772169824_8887549_1575063058_n.jpg" /> akan menghasilkan gambar sbb:

Nah dengan menggunakan placehold.it kita cuma perlu mengganti path gambarnya menjadi <img src="http://placehold.it/300x250" /> sehingga hasilnya seperti ini:

atau ukuran yang lain misalnya <img src="http://placehold.it/250x250" />

Super gampang, okay go crazy lah kalo gitu sama kotak-kotak abu-abu itu untuk bikin contoh layout ke client. Tapi placehold.it cuma bisa berfungsi kalo ada koneksi internetnya loh (ehh, sapa tau ada yang nanyain).

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s