Selamat datang di HTMLcat, koleksi kecil trik web asli yang patut diingat. Setiap post-it menggabungkan fitur platform yang berguna dengan contoh minimal dan peringatan penting. Catatan mencakup fitur stabil, terbatas, dan eksperimental di HTML, CSS, dan JS.
Periksa label dukungan, pertahankan fallback, dan uji dengan browser nyata serta teknologi bantu.\n\nTrik yang menonjol meliputi: deteksi jenis perangkat, menyembunyikan scrollbar, tag kosong, penataan CSS, `clamp()`, scroll halus, margin scroll, `classList.toggle()`, tautan telepon dan email, sorotan pemilihan teks, selektor relasional `:has()`, menata penanda daftar dengan `::marker`, harga terlokalisasi dengan `Intl. NumberFormat`, menonaktifkan subcabang dengan `inert`, kelas pseudo `:target`, atribut `translate`, `prefers-color-scheme`, kueri ukuran kontainer, elemen `<dialog>`, pembungkus lebih baik dengan `text-wrap`, penyelarasan daftar deskripsi, warna formulir asli dengan `accent-color`, API Sorotan Khusus CSS, deteksi hover pada tipe input, warna transparan dengan `color-mix()`, peristiwa snap scroll, `light-dark()`, `contrast-color()`, CSS berscope dengan `@scope`, `:where()`, animasi digerakkan scroll, karusel CSS, `corner-shape`, fungsi kustom CSS, jalur CSS Grid, API Popover, API Transisi Tampilan, kueri gaya kontainer, akordeon eksklusif dengan nama `details`, mengontrol dialog dengan perintah tombol, dan konten collapsible yang dapat dicari dengan `hidden=until-found`.\n\nSemua contoh dapat dicari berdasarkan judul dan konten. Ingatlah memeriksa dukungan browser dan menyediakan fallback untuk penggunaan produksi.
Sumber: Hacker News · Diringkas oleh HeadlinesBriefing