Desain web responsif: Perbedaan antara revisi

'''Desain Webweb Responsifresponsif''' ([[bahasa Inggris]]: ''Responsiveresponsive Webweb Designdesign (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.<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 meja.<ref>{{en}} [http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design Artikel:"Beginner’s Guide to Responsive Web Design" di teamtreehouse.com]</ref>

{{#if:|{{PAGENAME:}}|{{PAGENAME}}}}[[Kategori:HalamanDesain yangweb menggunakan templat pengganti kata ajaib|PN00{{PAGENAME}}]]responsif telah menjadi hal yang penting karena jumlah lalu lintas seluler saat ini menyumbang lebih dari setengah dari total lalu lintas internet.<ref>{{cite web|url=http://www.cisco.com/c/en/us/solutions/collateral/service-provider/visual-networking-index-vni/white_paper_c11-520862.html|title=Cisco Visual Networking Index: Global Mobile Data Traffic Forecast Update 2014–2019 White Paper|date=January 30, 2015|work=Cisco|accessdate=August 4, 2015}}</ref> Karenanya, Google mengumumkan [[Mobilegeddon]] pada tahun 2015, dan mulai meningkatkan peringkat situs yang ramah seluler jika pencarian dilakukan dari perangkat seluler.<ref>{{cite web|url=http://googlewebmastercentral.blogspot.com/2015/04/rolling-out-mobile-friendly-update.html|title=Official Google Webmaster Central Blog: Rolling out the mobile-friendly update|work=Official Google Webmaster Central Blog|accessdate=August 4, 2015}}</ref> Desain web responsif merupakan contoh dari [[user interfaceplastisitas plasticityantarmuka]].<ref>{{cite conference| first = D. | last = Thevenin | first2 = J. | last2 = Coutaz | title = Plasticity of User Interfaces: Framework and Research Agenda | book-title = Proc. Interact'99, A. Sasse & C. Johnson Eds, IFIP IOS Press | place = Edinburgh | pages = 110–117 | year = 2002 }}</ref>

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 berfikirberpikir 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]].<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] {{Webarchive|url=https://web.archive.org/web/20150428005055/http://www.bbc.co.uk/academy/technology/article/art20130720141931783 |date=2015-04-28 }}</ref> dan CNN mulai mengadaptasi metode tersebut.