Yuk Mengenal Responsive Web Design

Yuk 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.

Yuk Mengenal Responsive Web Design
Yuk Mengenal Responsive Web Design

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. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *