Desain Web Responsif (atau “RWD”) adalah jenis desain web yang memberikan pengalaman tampilan yang disesuaikan untuk platform browser yang berbeda.
Situs web yang dibuat dengan RWD akan menampilkan antarmuka yang berbeda tergantung pada perangkat apa yang digunakan untuk mengakses situs.
Misalnya, situs web yang responsif dapat muncul satu arah di laptop, cara lain di tablet, dan masih cara lain di ponsel cerdas.
Saat ini, banyak orang mengakses situs web dari perangkat seluler, bukan komputer desktop atau laptop.
Sementara sebagian besar smartphone dapat menampilkan situs web biasa, kontennya sulit dibaca dan bahkan lebih sulit untuk dinavigasi.
Oleh karena itu, banyak pengembang web sekarang menggunakan desain web responsif untuk memberikan pengalaman penelusuran web yang lebih baik di layar kecil.
Situs web yang dirancang untuk perangkat seluler (seperti iOS dan ponsel Android), biasanya memiliki ukuran font default yang lebih besar dan navigasi yang disederhanakan.
Beberapa situs juga memanfaatkan antarmuka layar sentuh, memberikan dukungan untuk menggesek, memutar, dan menjepit dan memperbesar.
Situs web yang dioptimalkan seluler juga dapat menghapus konten yang tidak perlu untuk mengurangi kebutuhan menggulir.
Rollovers gambar dan fitur hover mouse lainnya sering dihapus, karena layar sentuh tidak mendukung penunjuk mouse.
Ada beberapa cara untuk mengimplementasikan desain web yang responsif.
Salah satu metode adalah untuk mendeteksi platform pengguna secara dinamis (seperti iPad atau iPhone) dan memuat HTML dan CSS tertentu untuk perangkat yang sesuai.
Pilihan lain adalah menggunakan kueri media, yang secara otomatis memuat gaya CSS yang berbeda tergantung pada ukuran jendela browser.
Paket Bootstrap, yang berisi beberapa file JavaScript dan CSS yang telah ditulis sebelumnya, didasarkan pada kueri media dan umumnya digunakan dalam desain web yang responsif.
