Belajar Responsive Web Design

Responsive Web Design atau RWD merupakan cara untuk membuat tampilan website kamu menarik di semua ukuran device

gambar blog
 Responsive Web Design adalah cara membuat website kamu menjadi menarik di berbagai jenis device. Kita tahu jaman sekarang orang mengakses website, ada yang dari handphone, tablet, atau ukurang besar seperti televisi pun bisa. Karena itu penting membuat website kamu menjadi responsive.

Ada banyak teknik untuk membuat website kamu menjadi responsive, tanpa perlu membuat atau mengganti setiap tampilan secara keseluruhan.

Yang pasti kamu perlu memberitahu halaman tersebut kalau, tidak ingin di zoom saat di device yang lebih kecil,  dengan menggunakan
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Lalu cara yang mudah untuk membuat sifat website kamu bisa beradaptasi sesuai ukurannya dengan menggunakan media query. Contoh penggunaan media query

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
Contoh memberi aturan CSS sendiri di ukuran yang maksimal 600px

Ukurannya bisa kamu atur sendiri. Untuk layar lebih kecil bisa menggunakan max-width. Sementara untuk menyasar device yang lebih besar, gunakan min-width.

Daftar Materi Membuat website responsive

Belajar bagaimana cara membuat website repsosive


Intro responsive website

Belajar bagaimana cara membuat responsive website dengan html dan css


Layout dasar

Belajar bagaimana cara membuat layout dasar website menjadi responsive


Media queries

Belajar apa itu media queries dan bagaimana cara menggunakan media queries untuk website responsive


Ukuran font

Membuat ukuran font menjadi responsive


Meta viewport

Mengenal meta viewport dan apa keguannnya pada website responsive


Tag: Kenapa belajar Responsive Web Design, Mengenal apa itu Responsive Web Design, Di mana mulai belajar Responsive Web Design, mulai dari mana belajar Responsive Web Design , tutorial Responsive Web Design bahasa indonesia untuk pemula dari dasar, apa kegunaan Responsive Web Design, bagaimana cara menggunakan Responsive Web Design, belajar bertahap Responsive Web Design, kursus online Responsive Web Design