Mengenal Responsive Web Design

Responsive Web Design merupakan desain web yang dapat menyesuaikan 'diri' diberbagai ukuran layar device dan berbagai browser. Jadi web tersebut dapat beradaptasi dengan ukuran layar device.

Oh gitu, responsive? berarti peka dong? Iya, bisa dibilang webnya 'peka' terhadap ukuran layar.

RWD berguna agar web tersebut dapat tampil dengan baik dan bagus di berbagai ukuran layar device tanpa menggunakan mobile template.

Sehingga tampilan web di mobile/phone sesuai dengan yang diinginkan, bukan dengan template default untuk mobile/phone.

Dengan RWD, ciri khas suatu web akan tetap muncul jika dilihat dari layar device ukuran apapun. Berbeda bila menggunakan mobile template, ciri khas web akan hilang.

Baca juga ya..
- 3 Framework CSS Ini Bisa Bikin Aplikasi Web Kamu Jadi Lebih Keren
- Ini 3 Alasan Mengapa Kamu Harus Belajar Menggunakan Bootstrap
- Membuat Form Login Dengan Style Bootstrap

Hm.. terus RWD dibuatnya gimana?

RWD ini dibuat dengan memanfaatkan Media Query pada CSS3. Berikut kutipan mengenai Media Query.

Media Queries is a CSS3 module allowing content rendering to adapt to conditions such as screen resolution (e.g. smartphone vs. high definition screen). -Wikipedia

Oh pake CSS3.. Iya CSS3. Web yang responsive akan menyesuaikan tampilan 'dirinya' diberbagai layar device sehingga tampilan web jadi lebih optimal.

Coba kecilkan ukuran browser dan lihat apa yang terjadi.

Oh webnya ngerespon toh sama ukuran layarnya. Web aja bisa peka, masa situ enggak? ssst.. jangan berisik! Iya maaf..

Demikian, semoga bermanfaat.

Berbagi :