Apa itu responsive web design?
Responsive web design atau disingkat RWD adalah cara agar web kamu punya tampilan yang keren walaupun dibuka di berbagai device.
Untuk membuatnya kita hanya perlu HTML dan CSS saja, tidak perlu javascript.
Contoh tampilan responsive seperti berikut:
Perhatikan gambar di atas. Ada tiga desain yaitu desktop (laptop, komputer), tablet dan smartphone.
Elemetnnya sama, cuma tata letaknya yang berbeda. Di tampilan desktop, navigasi dan sidebar bersebelahan. Tapi, di tablet dan phone berbeda.
Mengapa web responsive itu penting?
Saat ini pengguna yang mengakses internet dari smartphone lebih banyak dibanding dengan laptop.
Salah satu penyebab utamanya tentu karena harganya yang lebih murah.
Untuk itu, google juga memprioritaskan web yang punya tampilan responsive untuk diindex terlebih dahulu, dengan fitur mobile first.
Untuk itu, saran saya untuk membuat desain web. Desainlah versi smarpthone terlebih dahulu.