Posts

Cara Membuat Animated Checkboxes dengan CSS3

Bentuk HTML memiliki banyak elemen yang berfungsi secara berbeda. Beberapa dari mereka memberikan pilihan sementara yang lain perlu masukan dari pengguna. checkbox HTML adalah contoh yang baik dari hal ini. Checkboxes memberikan pengguna pilihan untuk memilih satu atau lebih item dari satu set alternatif hanya dengan mencentang atau menandai kotak dengan cek. Biasanya, sebuah textbox normal hanya memiliki satu desain tradisional dan membosankan. Read more

Cara Membuat Efek Tetap pada Background

Sebagai bagian yang tak terpisahkan dari website, Background (latar belakang halaman) dengan posisi tetap mendapatkan lebih banyak dan inovatif dengan sedemikian rupa sehingga dapat menciptakan ilusi optik dengan perubahan gambar tanpa Anda menyadarinya bahwa ia memiliki posisi yang tetap seperti memberikan efek transisi yang rapi ke bagian halaman berikutnya. Read more

Membuat Efek Sliding Background Menggunakan CSS

Cara membuat efek sliding background ini bukanlah hal baru. Saya sudah melihat beberapa situs web menggunakan efek ini, biasanya background yang digunakan adalah macam-macam foto dokumentasi dan sebagainya. Disini saya akan membahas bagaimana cara membuat efek sliding background. Read more

10 Trik Sederhana Desain CSS

Semua orang suka jalan pintas. Apakah Anda seorang pengembang CSS baru atau profesional berpengalaman, tidak ada salahnya untuk belajar beberapa cara baru yang lebih mudah untuk dilakukan. Ini adalah trademark dari zaman kita: kita ingin hasil terbaik dalam waktu singkat. Read more

Parallax Scrolling Tutorial menggunakan CSS

Seperti yang anda ketahui, Parallax adalah efek visual dimana posisi objek pada website terlihat berbeda ketika kita melihat dari posisi yang berbeda. Parallax Scrolling membuat ilusi 2 objek yang saling berhadapan, tetapi bergerak dengan kecepatan yang berbeda. Efek ini dapat kita lihat dalam kehidupan sehari-hari , seperti saat kita melihat suatu benda yang dekat bergerak jauh lebih cepat daripada benda yang jauh, saat mengendarai mobil, kita dapat melihat pohon-pohon terlewati dengan cepat. Efek ini adalah gerak parallax. Read more

Cara Membuat Sticky Navigasi dengan CSS atau jQuery

Dalam web modern, banyak website menggunakan “Sticky” sebagai fitur yang diletakan di navigasi utama atau menu. Hal ini membuat stik navigasi utama dan tetap dapat terlihat oleh pengguna ketika menggulung (scroll) halaman kebawah sehingga membuatnya lebih mudah diakses. Read more