Daftar Video
Membuat bootstrap sendiri
Trailer bootstrap sendiri
Setup gulp
Sistem grid dasar
Container dan grid
Membuat cards
Cards versi horizontal
Membuat variasi tombol
Section hero
Mempercantik input
Helper css
Menyusun navigasi
Mengatur responsive
Gratis
12 video
5 tahun yang lalu
Buku Halo Koding!

Buku ini akan jadi teman perjalanan kamu ngoding!
Detail Kelas
Penasaran gimana sih bikin css framework macam bootstrap atau bulma, mau nyoba bikin bootstrap sendiri? yo lihat trailernya dulu
Sebelum terjun ke html dan cssnya, kita siapin dulu file gulp yang akan ngebantu kita selama proses ngerjainnya
Dasar dari website yaitu sistem kolomnya. Gimana bikin sistem grid atau kolom yang baik dengan flexbox?
Membuat container dan memperbaiki grid sebelumnya
Membuat cards, element yang biasa menampilkan feature-feature dari website kita atau hal hal yang menggunakan gambar
Membuat cards, kali ini versi horizontalnya, seperti yang biasa ada di komentar-komentar timeline facebook. Ada juga cara membuat avatar dengan gambar bulat
Membuat tombol cantik yang beraksi saat di hover dan punya pilihan ukuran juga warna
Bagian section hero yang biasanya ada di awal halaman dengan isi judul dan subjudul dari website
Sekarang kita percantik input type text dan textarea yang umum digunakan di form
Beberapa fungsi tambahan, walaupun kecil tapi sering kita ulang-ulang. Untuk itu kita buat kelas css nya untuk menghemat waktu nantinya!
Membuat navigasi sederhana dengan menyediakan tempat logo dan menu nantinya
Yang ngga boleh lewat bagian responsive, dengan stuktur layout dari flexbox, mengatur pada ukuran layar kecil jadi lebih mudah