Repositori ini berisi catatan lengkap dan terstruktur mengenai CSS3, mencakup teori, sintaks, layout modern, hingga penerapan desain web nyata.
Materi disusun secara praktikal dan berurutan, cocok untuk mahasiswa, pemula, atau developer yang ingin memperkuat dasar styling antarmuka web.
🎯 Tujuan: membantu siapa pun memahami dan menerapkan CSS secara efektif, efisien, dan sesuai standar modern desain web.
| No | Materi | Akses |
|---|---|---|
| 1️⃣ | BAB 1 – Pengenalan CSS & Cara Kerja | 📄 01-pengenalan-css.md |
| 2️⃣ | BAB 2 – Selektor, Properti, dan Nilai | 📄 02-selektor-properti-nilai.md |
| 3️⃣ | BAB 3 – Warna, Teks, dan Font | 📄 03-warna-teks-font.md |
| 4️⃣ | BAB 4 – Box Model & Spacing | 📄 04-box-model.md |
| 5️⃣ | BAB 5 – Position, Display, dan Float | 📄 05-position-display-float.md |
| 6️⃣ | BAB 6 – Flexbox (Layout Modern) | 📄 06-flexbox.md |
| 7️⃣ | BAB 7 – Grid Layout | 📄 07-grid-layout.md |
| 8️⃣ | BAB 8 – Background & Gradien | 📄 08-background-gradien.md |
| 9️⃣ | BAB 9 – Transisi & Animasi | 📄 09-transisi-animasi.md |
| 🔟 | BAB 10 – Responsive Design (Media Query) | 📄 10-responsive-design.md |
| 1️⃣1️⃣ | BAB 11 – CSS Variables & Custom Properties | 📄 11-css-variables.md |
| 1️⃣2️⃣ | BAB 12 – Praktik Terbaik & Struktur CSS | 📄 12-praktik-terbaik.md |
| 💡 | Studi Kasus – Web Portofolio dengan CSS3 | 💻 studi-kasus-portofolio-css.html |
- 📘 Materi berurutan dari dasar hingga lanjutan
- 🧩 Contoh kode langsung & penjelasan praktis
- ⚡ Penerapan konsep layout modern (Flexbox, Grid)
- 🧠 Dilengkapi studi kasus real: web portofolio responsive
- 🧱 Cocok untuk latihan mandiri, kuliah, atau portofolio desain web
| Kategori | Tools |
|---|---|
| Editor | VSCode, Sublime Text, Atom |
| Browser | Chrome, Firefox (DevTools) |
| Validator | W3C CSS Validator |
| Preview Markdown | GitHub, Obsidian, Notion |
Repositori ini dilisensikan di bawah MIT License.
Silakan gunakan, modifikasi, dan bagikan ulang dengan tetap mencantumkan kredit penulis.
Mulyo Anjang Jaya Kusuma
🎓 Mahasiswa Teknik Informatika • Web & Front-End Enthusiast
🌐 GitHub • LinkedIn
“CSS bukan hanya soal warna dan bentuk — tapi tentang bagaimana menciptakan pengalaman visual yang bermakna.”
© 2025 • Belajar CSS3
Dibuat dengan ☕ oleh Mulyo Anjang Jaya Kusuma
Versi: v1.0 Final Edition