Ikon Loading

Ikon loading adalah suatu tampilan grafis yang umumnya tampil pada saat suatu aplikasi mobile atau situs memuat tampilan awal. Ikon loading juga terkadang dimasukkan kedalam suatu situs sebagai tampilan antara saat perpindahan antar halaman. Agar terlihat menarik, ikon loading umumnya dibuat menggunakan animasi, baik itu menggunakan animasi berputar, bergeser, atau animasi lainnya.

Loading.io

Loading.io adalah suatu layanan web yang memfokuskan layanannya pada pembuatan tampilan pendukung suatu aplikasi, yang salah satunya adalah ikon loading. Selain ikon loading, loading.io pun menyediakan layanan web untuk pembuatan Loading bar, Palet warna. Semua layanan tersedia tanpa ada pungutan biaya, dan beberapa layanan bisa langsung digunakan tanpa harus mendaftar sebagai anggota.

Membuat Ikon Loading

Untuk membuat ikon loading di loading.io sangat mudah. Pengguna cukup mengarahkan perambah web nya ke alamat https://loading.io. Pastikan agar menggunakan perambah web versi baru agar seluruh fiturnya dapat digunakan dengan baik.

Pada halaman utama loading,io, pengguna dapat langsung memilih jenis / gambar ikon loading yang diinginkan, berikut dengan pengaturan-pengaturan yang terkait. Misal pengaturan warna, ukuran, kecepatan animasi, skema warna, dan tombol henti-jalan kan animasi. Untuk pengaturan ukuran, disediakan tombol geser (slider) untuk memudahkan pengaturan ukuran.

 

Setelah selesai melakukan pengaturan, pengguna bisa mengunduh dalam tiga format, yaitu format SVG, CSS, dan berupa gambar GIF. Setiap format memiliki satu tombol yang digunakan untuk mengunduh dalam format yang bersangkutan.
Berikut adalah contoh kode program yang digunakan untuk menggunakan ikon loading dari loading.io.
Format SVG:

<img src="triangle.svg">

atau

<body background=”triangle.svg”>

Format CSS:

<link rel="stylesheet" type="text/css" href="examples/battery.css">

Format GIF:

<img src="spinner.gif">

atau


Jika pengguna menginginkan gambar kustom saat membuat ikon loading, pengguna bisa menekan tombol “CHECK IT OUT” berwarna hijau di halaman utama.

Iklan