Halo, selamat datang di Sandi Dharma Blog. Kali ini kita Tak akang ngoding karena kita akan bahas salah satu tools yang dapat digunakan Buat membantu kegiatan ngoding kita, Yakni Image Placeholder.
Image placeholder sering digunakan Demi pengembangan aplikasi Buat menampilkan gambar dummy sebelum Mempunyai gambar real. Contohnya menampilkan foto-foto produk, foto profil, dan lain-lain.
Ceritanya…
Beberapa waktu yang Lewat, saya Membikin sebuah aplikasi CLI menggunakan Node JS bernama Incaan. Ini adalah sebuah aplikasi yang berfungsi sebagai dummy image server Buat Membikin placeholder gambar ketika Membikin aplikasi web. Ketika dijalankan, aplikasi ini akan menyediakan endpoint berupa url yang menghasilkan gambar dengan Rona, ukuran, dan text sesuai konfigurasi di urlnya. Ini adalah sebuah aplikasi open source. Bagi Anda yang tertarik Ingin berkontribusi Bisa langsung kunjungi repositorinya di link berikut:
https://github.com/kykurniawan/incaan
Singkat cerita, saya Ingin Membikin versi web Buat aplikasi CLI ini agar dapat digunakan secara online. Setelah aplikasi selesai dibuat saya putuskan Buat di deploy di Dasar domain sandidharma.ac.id. Aplikasi ini dapat Anda akses melalui link berikut:
https://incaan.sandidharma.ac.id.
Menggunakan Incaan
Buat menggunakan aplikasi ini Anda Bisa kunjungi Incaan Image Placeholder, kemudian atur konfigurasi gambar yang Anda perlukan dan dapatkan URL-nya. Aplikasi ini dapat Anda gunakan Buat Membikin gambar placeholder dan avatar.
Image Creator
Buat Membikin placeholder gambar, Anda Bisa atur konfigurasi pada bagian image creator. Konfigurasi yang Bisa Anda lakukan Buat placeholder gambar adalah:
- Width – Lebar gambar
- Height – Tinggi gambar
- Font size – Ukuran font pada gambar
- Text – Text yang ditampilkan pada gambar
- Wrap – Menampilkan text dalam satu baris atau banyak baris.
- Background – Rona latar gambar
- Foreground – Rona text gambar
Avatar Creator
Buat Membikin placeholder avatar, Anda Bisa atur konfigurasi pada bagian avatar creator. Konfigurasi yang Bisa Anda lakukan Buat placeholder gambar adalah:
- Size – Ukuran lebar dan tinggi avatar
- Background – Rona latar avatar
- Foreground – Rona Watak user
Akhirnya…
Aplikasi ini adalah aplikasi gratis, jadi Anda Bisa gunakan dalam proses web development yang Anda lakukan.