Desain web responsif

Desain Web Responsif (bahasa

Inggris:Responsive Web Design (RWD))
adalah sebuah metode atau pendekatan
sistem web desain yang bertujuan
memberikan pengalaman berselancar yang
optimal dalam berbagai perangkat, baik
mobile maupun komputer meja. Dengan
metode ini, web akan beradaptasi jika
dibuka dari perangkat mobile berukuran
kecil maupun perangkat komputer meja dengan ukuran monitor besar[1]. Ukuran huruf, user interface, gambar dan tata letak akan
menyesuaikan dengan lebar layar dan resolusi layar monitor yang tersedia. Hasilnya pengguna akan merasakan pengalaman mudah
[2].
membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer meja

Daftar isi
Sejarah
Ciri Web dengan Desain Web Responsif
Lihat juga
Referensi
Catatan kaki

Sejarah
Berawal sekitar tahun 2013, terjadi perubahan peningkatan penggunaan mobile device dengan munculnya beragam perangkat cerdas
yang terintegrasi dengan ponsel seperti iPhone. Koneksi internet menjadi sebuah keharusan dalam masyarakat modern, dan tidak
dapat dimungkiri kemajuan teknologi dan industri ini menuntut setiap individual untuk bergabung dalam sebuah jaringan internet
melalui berbagai perangkat cerdas tersebut. Dengan menggunakan ponsel cerdas dan koneksi internet yang mumpuni, berselancar di
internet menjadi hal yang biasa. Individu dapat meng-update statusnya di Facebook, membaca email, mengirim foto ataupun
membaca berita melalui perangkat cerdasnya kapanpun dan dimanapun dia berada. Namun terkadang keterbatasan teknologi web
dengan HTML-nya masih sering terjadi pada saat itu. Tidak semua web bisa dibuka atau berjalan secara baik di ponsel cerdas dan
Komputer tablet yang umumnya berukuran kecil dibanding perangkat Komputer meja. Bahkan beberapa fitur terkadang tidak bisa
beroperasi. Hal inilah yang membuat para web desainer dituntut berfikir menggunakan cara baru dalam menyampaikan informasi di
dalam web yang bersahabat dengan perangkat mobile. Desain Web Responsif, membantu menjembatani hal tersebut, dengan
menggunakan teknologi baru HTML 5 dan CSS 3[3]. Berlahan berbagai situs web besar seperti Google, Amazon.com, Facebook,
Portal berita BBC[4] dan CNN mulai mengadaptasi metode tersebut.

Ciri Web dengan Desain Web Responsif

User interface-nya beradaptasi di berbagai perangkat berbeda
Ukuran huruf, tata letak dan gambarnya beradaptasi di berbagai ukuran layar yang berbeda
Umumnya menggunakanscrolling dan swipe untuk bernavigasi di perangkat mobile
Lintas platform
Lihat juga
Antarmuka pengguna
HTML 5
CSS 3

Referensi
Responsive Web Design by Example; oleh Thorig Firdaus; Packt Publishing, Birmingham - Mumbai; 2013.
The Responsive Web; oleh Matthew Carver;Manning Shelter Island; 2015.
Implementing Responsive Design; oleh Tim Kadlec; New Riders, Berkeley, USA; 2013.
(Inggris) Artikel"Responsive Web Design" di alistapart.com

Catatan kaki
1. ^ (Inggris) Artikel:"Responsive Web design" di mozilla.org (https://developer.mozilla.org/en-US/docs/Web_Developm
ent/Responsive_Web_design)
2. ^ (Inggris) Artikel:"Beginner’s Guide to Responsive Web Design" di teamtreehouse.com(http://blog.teamtreehouse.c
om/beginners-guide-to-responsive-web-design)
3. ^ (Inggris) Artikel:"Responsive Web Design" di alistapart.com (http://alistapart.com/article/responsive-web-design)
4. ^ (Inggris) Artikel:"Responsive web design at BBC News" di BBC.co.uk(http://www.bbc.co.uk/academy/technology/a
rticle/art20130720141931783)

Diperoleh dari "https://id.wikipedia.org/w/index.php?title=Desain_web_responsif&oldid=14406079

"

Halaman ini terakhir diubah pada 10 November 2018, pukul 01.34.

Teks tersedia di bawah Lisensi Atribusi-BerbagiSerupa Creative Commons

; ketentuan tambahan mungkin berlaku. Lihat
Ketentuan Penggunaanuntuk lebih jelasnya.