Pertengahan tahun 2010 lalu, desain web yang responsive popular pada saat itu. Ethan Marcotte menulis pada artikel Design Web Responsive pada website alistapart.com. pada artikel tersebut, dia mengusulkan bagaimana sebuah desain web bisa menyesuaikan sendiri ukuran tampilannya pada device yang digunakan. Baik itu dari perangkat Mobile atau Desktop yang secara Fleksibel tanpa harus membuat dua desain untuk device atau perangkat yang berbeda dengan konten yang isinya sama. dari permasalahan itulah maka lahirlah konsep Responsive Web Design yang lebih fleksibel dan bisa beradaptasi hampir disemua layar berbeda.
Responsive Web Design lahir dari hasil pengembangan pada fitur CSS terbaru yaitu CSS3 yang memiliki dukungan penuh untuk mengatasi berbagai resolusi pada layar dengan teknik terbaru yang diberi nama Media Queries. 3 unsur inti yang harus ada pada Responsive Web Design agar bisa bekerja dengan baik, yaitu pada Flexible Grids,Fluid Images dan Media queries.dengan ketiga unsur ini diharapkan desain web bisa beradaptasi terhadap berbagai jenis device atau perangkat yang digunakan dengan berbagai layar yang berbeda, dengan Responsive Web Design semua bisa dikontrol hanya dalam satu desain saja.
Jadi, responsive web design adalah desain web yang mampu menyesuaikan tampilannya terhadap device yang digunakan dan memfokuskan pada penyediaan user experience secara optimal pada sebuah situs. Hal ini tentu mempengaruhi layout website tersebut secara eksklusif dan dapat mempengaruhi apa yang ditampilkan pada perangkat tertentu, seperti di ponsel, atau di perangkat yang memiliki layar sentuh.
Responsive web design dibuat karena merupakan solusi yang efektif. Karena mengingat penggunaan smartphone dan kecepatan internet yang semakin meningkat seiring waktu. Jika kita membandingkan dengan situs mobile, mereka sangat sulit dalam segi maintenance & development, dimana jika kita membangun dua versi untuk satu website yaitu versi desktop dan versi mobile, berarti seorang programmer harus mengoptimasi dua sistem sekaligus, walaupun sistem itu bisa dijadikan satu namun tetap akan memakan lebih banyak waktu dan tenaga bahkan sumber daya untuk mengelola dan mengopsimasi keduanya. Maka dari itu responsive design web merpakan sebuah solusi dalam mengoptimalkan waktu, biaya dan tenaga.
| Baca juga artikel lainnya : |
desain web responsif menjadi aturan/standar web masa kini. maka perlu melakukan pendekatan mobile-first untuk mendesain suatu web. Dalam pembuatan responsive design web menggunakan beberapa metode dan teknik yang berbeda untuk mencapai tujuan yaitu user experience yang optimal untuk website versi mobile. Desain web yang mobile friendly sekarang merupakan bagian yang sangat penting dari situs website apapun. Jadi jangan ragu untuk memilih opsi Responsive Web Design untuk website versi mobile pada website anda.
Anda tidak perlu menghafal semua tag tersebut, nanti malah kepala anda malah pecah!. Cukup hafalkan yang penting-penting saja seperti <table> <input> <ul>. Tidak hafal pun tidak apa-apa kan kita bisa melihat daftar kalau lupa, yang penting kita paham, BETUL?.
| Artikel Terkait : |
Okey, buat teman-teman klau ada yang kurang dipahami silahkan komentar baik mengenai artikel ini atau mengenai masalah web. Insya allah kami siap membantu. Selamat berjuang dan semoga ilmunya tersampaikan ...
Sekian dan semoga Bermanfaat ...