Skip to content

jayabelajar/belajar-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

🎨 Belajar CSS3

Catatan Lengkap tentang Styling, Layout, dan Desain Web Modern

Markdown Version License


🧩 Deskripsi

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.


📚 Daftar Isi Materi

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

🧠 Fitur Repositori

  • 📘 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

🧰 Tools yang Direkomendasikan

Kategori Tools
Editor VSCode, Sublime Text, Atom
Browser Chrome, Firefox (DevTools)
Validator W3C CSS Validator
Preview Markdown GitHub, Obsidian, Notion

🧾 Lisensi

Repositori ini dilisensikan di bawah MIT License.
Silakan gunakan, modifikasi, dan bagikan ulang dengan tetap mencantumkan kredit penulis.

📜 Lihat LICENSE


👤 Penulis

Mulyo Anjang Jaya Kusuma
🎓 Mahasiswa Teknik Informatika • Web & Front-End Enthusiast
🌐 GitHubLinkedIn

“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

About

catatan lengkap dan terstruktur mengenai CSS

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages