Lewati ke isi
Lembar
Daftar
Sampul Tailwind CSS dalam Praktik

Tailwind CSS dalam Praktik

Menyusun antarmuka yang rapi tanpa menulis CSS panjang: tata letak, komponen, mode gelap, dan desain token.

Nur Aini Lestari Frontend engineer, Bandung
Tingkat
Pemula
Isi
8 bab
Waktu baca
±1 jam
Pembaca
34
Diperbarui
6 Nov 2026

Yang akan Anda kuasai

  • Memahami utility-first dan kapan tidak memakainya
  • Tata letak dengan flex dan grid
  • Responsif dari layar kecil ke besar
  • Token warna dan mode gelap di Tailwind 4
  • Membuat komponen tombol, kartu, dan formulir

Tentang buku ini

Tailwind sering dianggap membuat HTML berantakan. Buku ini menunjukkan cara memakainya dengan disiplin: token warna, komponen yang bisa dipakai ulang, dan mode gelap yang tidak merepotkan.

Daftar isi

3 bagian · 8 bab · dibaca berurutan

  1. 1 Cara Berpikir Utility-First Gratis
  2. 2 Memasang Tailwind 4 dengan Vite
  3. 3 Spasi, Ukuran, dan Tipografi
  1. 4 Flexbox untuk Baris dan Kolom
  2. 5 Grid untuk Halaman
  3. 6 Responsif dari Ponsel
  1. 7 Token Warna dan Mode Gelap
  2. 8 Tombol, Kartu, dan Formulir

Sebelum mulai

  • Memahami HTML dasar
  • Pernah menulis sedikit CSS

Tentang penulis

Nur Aini Lestari

Mengajar HTML, CSS, dan JavaScript untuk pemula di komunitas lokal. Percaya antarmuka yang baik dimulai dari tipografi yang nyaman dibaca.

Tulisan lain dari Nur Aini Lestari