Cara membuat Top Bar Navigation yang Responsive

Dalam tutorial web design kali ini, Tutorials.id akan berbagi bagaimana caranya membuat menu yang responsive. Menu responsive yang akan dibahas dalam tutorial Web Design ini adalah Top Navigation menu dimana sat dibuka di mobile akan tampil dengan menggunakan icon 3 garis yang biasa disebut sebagai burger menu karena tumpukan 3 garis ini mirip dengan burger….

Membuat Table background Pelangi dengan CSS

Pada Kesempatan ini kita akan belajar membuat table dengan warna background berwarna warni yang kita susun sesuai dengan urutan warna pelangi. Pembuatan tabel dengan background warna pelangi ini hanya menggunakan HTML-CSS yang digabung dalam 1 File HTML.

Membuat efek Table Zebra dengan CSS

Efek zebra pada tabel sangatlah dibutuhkan terutama untuk tabel yang berukuran besar. Efek zebra ini sangat bermanfaat untuk menghindari kesalahan dalam pembacaan (baris loncat). Untuk membuat efek zebra, logikanya cukup sederhana yaitu memberi warna yang berbeda antara baris (<tr>) genap dan ganjil. Lalu bagaimana cara mengidentifikasi mana baris ganjil dan mana baris genap? Jawabannya dengan…