Home » CSS
Teks panjang jadi titik-titik dengan css
Bismillaahirrohmaanirrohiim… Saat kita membuat kotak dengan lebar dan tinggi tertentu, tentunya teks didalamnya harus kita olah agar sesuai dengan kotaknya, jika kebanyakan maka kotaknya akan membesar dan menghasilkan tampilan yang tidak seragam. Di css ada fitur yang bisa…
Read More »Bekerja dengan clearfix di css untuk posisi gambar dan teks dalam kotak
Bismillaahirrohmaanirrohiim… Clearfix pada css biasanya digunakan untuk menangani posisi elemen saat menggunakan float, dimana float left atau right digunakan untuk memposisikan elemen secara mengambang. Nah, kegunaan clearfix tersebut adalah untuk menghilangkan efek mengambang dari kode css float, sehingga…
Read More »Disable select dengan css – disable klik kanan dengan javascript
Bismillaahirrohmaanirrohiim… Untuk mengamankan website dari copy paste, kedua cara di bawah ini masih terbukti ampuh. minimal untuk sedikit menyulitkan para pengunjung yang sengaja ingin mengcopas konten kita. Pertama, cara mendisable atau menonaktifkan fitur select, hanya dengan css di…
Read More »Animasi flashing data dan scroll dengan CSS
Bismillaahirrohmaanirrohiim… Untuk menampilkan animasi flashing atau blink blink, baik itu pada div atau baris pada tabel bisa menggunakan kode CSS berikut: Sedangkan untuk membuat style pada scroll, baik itu div atau scroll halaman utama, gunakan kode berikut: Nah,…
Read More »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 »