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…

25 Bootstrap Template Gratis, Keren dan Responsive

Artikel in khusus untuk Anda yang sedang mencari Bootsrap Template untuk anda gunakan di website Anda. Dalam artikel ini akan kami share bootstrap template gratis dan responsive yang bisa anda pilih dan anda jadikan template web Anda

Belajar Bootstrap #1: Cara Menggunakn Bootstrap

Dalam artikel ini kita akan belajar bagai mana agar website kita bisa menggunakan bootstrap. Ada 2 cara mengguakan bootstrap: Menggunakan CDN Bootstrap Download Bootstrap Mengunakan Bootstrap tanpa Download (Dengan CDN) Untuk menggunakan bootstrap tanpa harus mendownloadnya, sisipkan barus berikut diantara <head> dan </head> : <head> <!– Latest compiled and minified CSS –> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”…