Home » CSS
Membuat efek bubble dengan CSS
Bismillaahirrohmaanirrohiim… Untuk mempercantik halaman website, kita bisa membuat efek bublle menggunakan CSS. Animasi bubble ini akan menampilkan gelembung-gelembung di halaman website yang dapat bergerak kesana-kemari dan membuat website terlihat hidup serta tidak membosankan. Berikut kode HTML dan CSS…
Read More »Membuat Loader atau loading screen dengan css dan javascript
Bismillaahirrohmaanirrohiim… Saat membuat aplikasi berbasis web, loading screen atau loader spinner diperlukan untuk memberitahu user bahwa web sedang memproses sesuatu dan user diminta untuk menunggu. Bayangkan jika tidak ada loader, maka user akan bingung dan akan klik2 link…
Read More »Set dan update Variable CSS dengan JavaScript
Bismillaahirrohmaanirrohiim… Tentunya kita sudah tahu bahwa CSS bisa menggunakan variabel, sehingga implementasinya akan semakin mudah. Salah satu kegunaannya adalah saat kita ingin mengganti warna primary CSS menjadi dinamis, dapat dilakukan dengan mudah menggunakan javascript. Berikut kode yang bisa…
Read More »Membuat gambar ditengah div secara horizontal dan vertikal dengan CSS
Bismillaahirrohmaanirrohiim… Dengan css kita akan mudah membuat layout halaman website, salah satunya adalah trik bagaimana agar isi dalam sebuah div (dalam hal ini gambar), akan berada ditengah meskipun lebar gambar tersebut tidak dibuat 100%. Berikut ini ada 3…
Read More »Menambahkan mata pada input password
Bismillaahirrohmaanirrohiim… Untuk membuat input user lebih user friendly, beberapa developer menambahkan icon mata pada input form password. Hal ini berguna saat user tidak yakin dengan password yang diinput karena hanya berupa bintang-bintang atau titik-titik, setelah ada icon mata…
Read More »Mengenal “word-wrap: break-word” dan “word-break: break-all” di CSS
Bismillaahirrohmaanirrohiim… Di CSS telah disediakan style untuk membuat teks menjadi ganti baris menyesuaikan lebar elemen parent. Misalkan kita mempunyai div dengan lebar 150px, dengan konten teks berupa huruf dan angka gandeng yang panjang tanpa spasi, maka kita memerlukan…
Read More »Membuat CRUD dengan PHP MySQL HTML CSS JS (part 7)
Bismillaahirrohmaanirrohiim… Belajar membuat CRUD (view, create, read, update, delete) sederhana dengan HTML CSS JS PHP MySQL. Tujuan dari tutorial ini agar lebih memahami HTML, PHP, dan MySQL. Sekaligus praktek langsung bagaimana MySQL digunakan untuk menyimpan data. Penjelasan diberikan…
Read More »Konsep dasar CSS dan cara menghubungkan HTML – CSS (part 4)
Bismillaahirrohmaanirrohiim… CSS digunakan untuk memberi style atau gaya pada HTML. Misalkan kita akan membuat sebuah rumah. HTML adalah rumahnya, sementara CSS nya digunakan untuk mewarnai temboknya, menentukan tinggi rumahnya, lebar kamarnya, menghias terasnya, dll. Ada 3 cara menghubungkan…
Read More »