Menyamakan Tampilan Elemen input[type=file] pada Semua Peramban

Jum’at, 11 Januari 2013

Elemen input bertipe file sebenarnya tidak jauh berbeda dengan elemen radio atau checkbox. Mereka sangat sulit untuk dimodifikasi tampilannya. Selain itu, elemen <input type="file"> juga memiliki tam…

Konsep Navigasi Mobile dengan Media Queries

Jum’at, 14 Desember 2012

Saya hanya akan menjelaskan konsep ini secara cepat dan nyaris nonverbal, jadi perhatikan dan jangan lupa untuk membaca komentar-komentar di dalam kode CSS dan HTML yang Saya tuliskan. Pada dasarnya…

Teknik-Teknik Durasi CSS Transisi

Minggu, 18 November 2012

Katakanlah kita mempunyai baris CSS ini untuk mengubah warna dan tinggi sebuah elemen <span> saat pointer berada di atasnya: span { display:block; width:50px; height:120px; background-color:#080; mar…

Jump Link/Hash Tag Link dengan Jarak

Minggu, 28 Oktober 2012

h2[id]:before { display:block; content:""; height:50px; margin:-50px 0 0; visibility:hidden; } Referensi: Nicolas Gallagher - Jump Links and Viewport Positioning Pembaharuan Ternyata lebih efektif da…

Kalkulator CSS Grid

Jum’at, 26 Oktober 2012

Kalkulator CSS Grid adalah alat kecil untuk merancang layout grid dengan cepat. Cara menggunakannya mudah. Cukup tentukan jumlah kolom dan jarak antar kolom, kemudian kode CSS dan markup HTML akan mu…