Bertahun-tahun yang lalu, ketika teknologi adalah apa adanya, orang hanya perlu khawatir bahwa hal-hal visual yang dilakukannya (gambar, game, antarmuka aplikasi,…) akan terlihat bagus di layar yang dapat ditempatkan sekitar 14 inci dari komputer. Monitor dari komputer. Tetapi evolusi tidak dapat dihentikan, dan saat ini kita memiliki banyak perangkat dan format.
Ini berarti bahwa antarmuka pengguna atau konten lain tidak harus berurusan dengan ukuran gambar yang berbeda, tetapi dengan perangkat yang digunakan secara berbeda, dan rasio aspek yang berbeda secara signifikan.
Web, kemajuan yang muncul pada tahun 90-an dan yang sejak itu menjadi penting, juga telah mengalami perubahan ini dalam skenario platform yang dapat digunakan, dan entitas yang mengelola standar web harus pilih solusi yang cerdik untuk membuat hidup lebih mudah bagi pengembang antarmuka web.
Halaman web adaptif (juga disebut responsif, adopsi dari kata bahasa Inggris asli) adalah halaman yang antarmukanya secara otomatis diubah ukurannya dan unsur grafisnya diposisikan ulang untuk memfasilitasi tampilan dalam ukuran layar dan rasio aspek apa pun.
Mari kita renungkan sejenak keragaman format layar mulai dari smartphone dengan layar 5″ dan rasio 18:9 yang dapat dibaca secara vertikal hingga televisi 16:9 40″, dengan meninggalkan komputer atau tablet di antaranya.
Sampai langkah-langkah diambil untuk membuat antarmuka grafis halaman web beradaptasi secara otomatis ke layar yang sedang dilihat, “solusi” adalah untuk mengantisipasi semua format yang mungkin, dan menyajikan halaman yang berbeda sebagaimana mestinya. Masalahnya adalah format yang tidak terduga dan yang disediakan oleh evolusi teknologi secara alami.
Alat untuk mencapai desain responsif, yang akan beradaptasi dengan format layar di mana halaman web dilihat terlepas dari apa format dan ukuran layar ini, dibuat oleh W3C (World Wide Web Consortium).
Dan pengenalan teknologi ini dimungkinkan berkat pemisahan konten halaman dari presentasi konten tersebut dan tampilan & nuansa halaman secara umum melalui file definisi gaya CSS.
Ini memungkinkan memodifikasi tampilan seluruh situs web (dipahami sebagai satu set halaman) tanpa harus menyentuh kode sumber semua file HTML, karena definisi gaya dan presentasi (terkandung dalam file CSS) dari konten (ditemukan dalam HTML file).
Unsur desain responsif telah dibahas dan diperkenalkan dalam standar web oleh W3C sejak akhir dekade pertama abad ke-21.
Sejak peluncuran iPhone pertama, pada tahun 2006, perlombaan telah diluncurkan untuk menyesuaikan situs web sehingga mereka dapat dilihat dengan sempurna baik di browser desktop dan layar besar, serta di perangkat seluler.
Foto fotolia: Alexey Shkitenkov / Bobb Klissourski
Tema dalam Desain Web Responsif