jQuery Parallax Background
HTML <section> ... </section> CSS body { background:black url('img/bg-1.png') repeat-y 0 0; margin:0 0; padding:0 0; } section { background:transparent url('img/bg-2.png') repeat-y 0 0; padding:50px;…
Kotak Melayang
CSS span { display:inline-block; position:relative; background-color:white; width:70px; height:70px; margin:0 5px; -webkit-box-shadow:0 10px 5px -4px rgba(0,0,0,.2); -moz-box-shadow:0 10px 5px -4px r…
Redirect ke Halaman Lain Jika JavaScript Nonaktif
Dengan memasukkan tag <meta> penyegar halaman ke dalam tag <noscript>, kode di bawah ini akan mengirim pengunjung ke sebuah halaman yang Saya sebut sebagai no-js-page.html jika JavaScript dinonaktifka…
List & Grid Post Display
Membuat tampilan artikel berbentuk daftar atau grid berdasarkan tombol perintah dengan jQuery Masonry sebagai pembangun grid dan bantuan JavaScript Cookie sebagai pengingat sesi: HTML <nav id="view">…
CSS Font Stack
#foo { /* 1. The Times New Roman-based serif stack */ font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; /* 2. A modern Ge…