css
Catatan teknis seputar web development, DevOps, dan integrasi AI.
5 artikel
- 09.23frontend
Garis TOC Blog yang Memudar Kayak Timeline Notes
Gara-gara border kiri TOC kerasa kaku, gue ganti jadi spine gradient Tailwind yang memudar ke bawah. Teknik murni CSS utility, plus catatan soal rename bg-gradient-to-* di v4.
#tailwind#css - 00.58frontend
Pas Warna Accent Cakep di Dark Mode Tapi Pudar di Light
Accent oranye cakep di dark mode tapi pudar di light. Ganti ke mint CodeRabbit dengan emerald-600 untuk light mode agar lolos uji kontras WCAG.
#tailwind#css#frontend - 00.46frontend
Pas Saya Bosen Sama Chip Tag Abu-abu di Sidebar Sendiri
Chip tag abu flat di sidebar semua semelek bobot. Ganti ke tint primary 10% plus hairline ring inset bikin tag terasa hidup dan bisa diklik.
#tailwind#css#frontend - 00.37frontend
Waktu Saya Benerin Heading Sidebar yang Kayak Bisik-bisik
Heading sidebar 11px uppercase warna redup ternyata paling susah dibaca. Ganti ke 13px bold normal-case plus ikon, kontrasnya naik sesuai WCAG.
#tailwind#css#frontend - 22.34frontend
Pas Restyle Sidebar, Chip Tag Malah Goyang 1 Pixel
Ganti state chip dari border ke background bikin baris goyang 1px. Solusinya: ring inset, karena box-shadow tidak pernah memengaruhi layout.
#tailwind#css#frontend