Desain web responsif: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
beri tag, sebagai peringatan |
Penambahan Catatan kaki/kutipan dari beberapa sumber |
||
Baris 1:
{{nofootnotes}}
'''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]]. Dengan metode ini, web akan beradaptasi jika dibuka dari perangkat ''mobile'' berukuran kecil maupun perangkat komputer dengan ukuran monitor besar<ref>{{en}} [https://developer.mozilla.org/en-US/docs/Web_Development/Responsive_Web_design Artikel:"Responsive Web design" di mozilla.org]</ref>. 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 membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer<ref>{{en}} [http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design Artikel:"Beginner’s Guide to Responsive Web Design" di teamtreehouse.com]</ref>.
== Sejarah ==
Baris 6:
Dengan menggunakan telepon genggam 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 pintarnya 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 perangkat ''mobile'' yang umumnya berukuran kecil dibanding perangkat [[komputer]]. 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 ''mobile devices''.
Desain Web Responsif, membantu menjembatani hal tersebut, dengan menggunakan teknologi baru [[HTML 5]] dan [[CSS 3]]<ref>{{en}} [http://alistapart.com/article/responsive-web-design Artikel:"Responsive Web Design" di alistapart.com]</ref>. Berlahan berbagai situs web besar seperti [[Google]], [[Amazon.com]], [[Facebook]], Portal berita [[BBC]]<ref>{{en}} [http://www.bbc.co.uk/academy/technology/article/art20130720141931783 Artikel:"Responsive web design at BBC News" di BBC.co.uk]</ref> mulai mengadaptasi metode tersebut.
== Ciri Web dengan Desain Web Responsif ==
Baris 24:
* Implementing Responsive Design; oleh Tim Kadlec; New Riders, Berkeley, USA; 2013.
* {{en}} [http://alistapart.com/article/responsive-web-design Artikel"Responsive Web Design" di alistapart.com]
== Catatan kaki ==
{{reflist}}
| |||