Halo, selamat datang di Digimensia Blog. Kali ini kita Enggak akang ngoding karena kita akan bahas salah satu tools yang dapat digunakan Buat membantu kegiatan ngoding kita, Merukapan Image Placeholder.
Image placeholder sering digunakan Begitu 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 Membangun sebuah aplikasi CLI menggunakan Node JS bernama Incaan. Ini adalah sebuah aplikasi yang berfungsi sebagai dummy image server Buat Membangun placeholder gambar ketika Membangun 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 Engkau yang tertarik Mau berkontribusi Pandai langsung kunjungi repositorinya di link berikut:
https://github.com/kykurniawan/incaan
Singkat cerita, saya Mau Membangun versi web Buat aplikasi CLI ini agar dapat digunakan secara online. Setelah aplikasi selesai dibuat saya putuskan Buat di deploy di Dasar domain Digimensia.com. Aplikasi ini dapat Engkau akses melalui link berikut:
https://incaan.Digimensia.com.
Menggunakan Incaan
Buat menggunakan aplikasi ini Engkau Pandai kunjungi Incaan Image Placeholder, kemudian atur konfigurasi gambar yang Engkau perlukan dan dapatkan URL-nya. Aplikasi ini dapat Engkau gunakan Buat Membangun gambar placeholder dan avatar.
Image Creator
Buat Membangun placeholder gambar, Engkau Pandai atur konfigurasi pada bagian image creator. Konfigurasi yang Pandai Engkau 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 Membangun placeholder avatar, Engkau Pandai atur konfigurasi pada bagian avatar creator. Konfigurasi yang Pandai Engkau lakukan Buat placeholder gambar adalah:
- Size – Ukuran lebar dan tinggi avatar
- Background – Rona latar avatar
- Foreground – Rona Kepribadian user
Akhirnya…
Aplikasi ini adalah aplikasi gratis, jadi Engkau Pandai gunakan dalam proses web development yang Engkau lakukan.