Tips Menulis CSS Modern yang Bersih dan Ringan

Dalam era framework modern, CSS murni sering kali diremehkan. Padahal, fitur-fitur CSS saat ini sudah sangat matang dan powerful.

1. Gunakan CSS Custom Properties (Variables)

Dengan variabel CSS, kita dapat mengatur tema gelap (dark mode) atau palet warna hanya dari satu tempat:

:root {
  --bg-color: #121316;
  --text-color: #f1f5f9;
  --accent-color: #60a5fa;
}

2. Manfaatkan System Fonts

Tidak perlu memuat web font berukuran ratusan kilobyte jika sistem operasi pengguna sudah menyediakan font berkualitas tinggi seperti San Francisco, Segoe UI, atau Roboto.