KANAL BELAJAR

Artikel

Tutorial pemrograman Bahasa Indonesia

Tutorial Set

Modul yang disusun secara terstruktur dan sistematis

eBooks

eBooks pemrograman Bahasa Indonesia

eBook Bundles

eBook Bundle pemrograman Bahasa Indonesia

Subscriptions

Berlangganan untuk akses semua artikel premium*

Kelas Online

Belajar lebih mudah dengan konten berupa video

Coding Playground

Praktikkan kodemu langsung di browser, gratis.

Roadmap

Panduan belajar terarah, tanpa bingung harus mulai dari mana

KOMUNITAS

Blog

Update Informasi Teknologi Terbaru

Promo

Informasi promo yang diberikan kepada member

Testimonial

Ulasan dan rating yang diberikan oleh members

Cek Sertifikat

Validasi keaslian sertifikat kelulusan members

Showcase

Hasil project belajar yang dikerjakan oleh members

Leaderboard

Ranking belajar members di SantriKoding

Merchandise

Merchandise untuk para Geeks

Help Center

Pusat Bantuan untuk Para Member SantriKoding

DEVELOPER

Template

Template Dashboard, Landing Page, dan lainnya

UI Components

UI Components, Block dan lainnya

Stuck Over

Solusi error yang kamu hadapi dengan mudah dan cepat.

Snippets Code

Share your snippets code.

ShortLinks

Generate ShortLinks.

Al-Qur'an API

Al-Quran API beserta terjemah Indonesia.

Kembali ke Playground

css Pemula

Belajar Coding Interaktif CSS

Dalami CSS sungguhan: selector lanjutan, warna, box model, flexbox, grid, hingga transisi dan responsive design — semuanya langsung dipraktikkan di browser.

Belajar Sekarang

Silabus

Pengenalan CSS

Aturan dan Komentar CSS

Selector

Selector Dasar: Tag, Class, ID

Selector Gabungan

Selector Atribut

Spesifisitas dan Kaskade

Warna & Background

Warna: Hex, RGB, HSL

Opacity dan Alpha Channel

Background Image dan Properti

Teks & Font

Font Family dan Google Fonts

Ukuran Font: px, em, rem

Line Height dan Spasi Teks

Text Decoration dan Text Shadow

Box Model

Konsep Box Model

Box Sizing dan Ukuran Elemen

Border, Border Radius, dan Outline

Box Shadow dan Overflow

Display & Position

Display: Block, Inline, Inline-Block

Display None, Visibility, dan Opacity

Position: Relative dan Absolute

Position: Fixed dan Sticky

Flexbox

Pengenalan Flexbox

Justify Content

Flex Wrap, Gap, dan Flex Grow

Praktik: Kartu dan Navbar

CSS Grid

Pengenalan CSS Grid

Grid Template dan Repeat

Placement: Grid Column dan Row

Praktik: Layout Halaman dengan Grid

Transform, Transisi & Animasi

Animation dan Keyframes

Praktik: Hover Card dan Loading

Responsive Design

Media Query Dasar

Breakpoint dan Mobile First

Praktik: Halaman Responsif