Menghilangkan CSS dan JavaScript Bawaan Blogger

Pembaharuan sintaks Blogger yang sekarang memungkinkan kita mencegah mesin Blogger untuk menyisipkan kode CSS dan JavaScript ba…

Membuat Agar Tinggi Kontainer Mengikuti Tinggi Latar Gambarnya yang Responsif/Adaptif

Saya agak kesulitan untuk menemukan istilah yang tepat untuk menyatakan “latar gambar yang ukurannya bisa menyesuaikan diri denga…

Efisien dengan `inherit`

Terkadang kita menemui sebuah saat dimana kita harus membuat sebuah elemen judul bersatu dengan tautan, namun keduanya harus teta…

Mengubah Tipe Kursor pada Scrollbar

Kursor pada scrollbar berubah menjadi pointer . Mungkin ini tidak penting tapi terkadang kita merasa bahwa menggeser-geser scrol…

Border Semitransparan untuk Menciptakan Efek Tajam dan Tipis pada Elemen

Saya secara alami sering dan suka memperhatikan hal-hal yang detail, terutama pada elemen-elemen UI di dalam web-web terkenal se…

Efek Masonry Hanya dengan CSS

Teknik ini sudah pernah dibahas dengan cukup detail di CSS-Tricks . Hanya saja Saya tidak habis pikir mengapa beliau tetap memper…

Framework CSS · Utamakan Konsistensi Tampilan Artikel Sebelum Layout

Yang Saya maksudkan di sini adalah, jadikan tampilan artikel sebagai prioritas utama sebelum memulai pondasi desain/rancangan tem…

Jangan Mendeklarasikan `font-weight` dan `font-style` pada Font yang Tidak Memiliki Varian Tersebut

Ada satu hal yang mungkin tidak Anda sadari bahwa ketika Anda menyatakan font-family pada teks, maka peramban akan mencoba untuk…

Menggunakan @font-face

Yang dilakukan @font-face kepada file font pada dasarnya hanyalah memanggil file tersebut ke halaman web untuk diberi nama sesu…

Tentang Tooltip Deskripsi pada Formulir HTML

Memaksimalkan kerja selektor adjacent sibling sangat bermanfaat untuk menciptakan komunikasi yang lebih hidup pada saat proses p…

CSS3 Facebook Chatbox

HTML .chat-box { font:normal normal 11px/1.4 Tahoma,Verdana,Sans-Serif; color:#333; width:200px; /* Chatbox width */ bord…

Toggle Side Navigation

HTML <div id="outer-wrapper"> <section id="nav"> <a href="#nav" id="…

Kapan Harus Menggunakan px, % dan em?

Meskipun, kebanyakan dari kita masih bertahan dengan satuan piksel saat menentukan ukuran-ukuran elemen HTML, namun di sini Saya …

Sliding Up Image Description

Terinspirasi dari Google Web Store HTML <div class="image-box-wrapper" id="image-box-wrapper"> <…

Modifikasi Widget Posting Populer Menjadi Berwarna-Warni

Pada konfigurasi widget Posting Populer , pastikan bahwa Anda memilih model widget berupa thumbnail dan judul. Setelah itu masuk…

DL, DT, DD dalam Layout Tabel

Sebagai catatan, perpanjangan dl sebagai definition list pada HTML4 telah diganti menjadi description list pada HTML5 — HTML5 …

CSS3 Google Chrome Minimalis

CSS3 Google Chrome Peramban Google Chrome minimalis yang terbuat dari CSS3: HTML <div class="chrome-window"> …