Definisi Desain Web Responsif

Bertahun-tahun yang lalu, ketika teknologi adalah apa adanya, orang hanya perlu khawatir bahwa hal-hal visual yang dilakukannya (gambar, game, antarmuka aplikasi, ...) terlihat bagus di layar yang bisa sekitar 14 inci dari a memantau dari komputer. Tetapi evolusi Itu tak terbendung, dan saat ini kami memiliki banyak perangkat dan format.

Ini berarti bahwa antarmuka pengguna atau konten lain tidak lagi harus berurusan dengan yang berbeda ukuran gambar, jika tidak dengan perangkat yang digunakan berbeda, dan rasio aspek yang berbeda terutama.

Web, kemajuan yang muncul di tahun 90-an dan sejak itu menjadi penting, juga telah mengalami perubahan dalam skenario platform yang dapat digunakan, dan entitas yang mengelola standar web harus memilih solusi yang cerdik untuk membuat hidup lebih mudah bagi pengembang antarmuka Web.

Halaman web yang responsif (juga disebut responsif, adopsi kata bahasa Inggris asli) adalah antarmuka yang ukurannya secara otomatis diubah dan Elemen grafis diposisikan ulang agar mudah dilihat pada ukuran layar dan rasio aspek apa pun. penampilan.

instagram story viewer

Mari kita pikirkan tentang perbedaan 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 grafik halaman web akan secara otomatis beradaptasi dengan layar yang sedang dilihat, "Solusi" terdiri dari 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 tempat gambar dilihat. situs web apa pun format dan ukuran layarnya, ditetapkan oleh W3C (World Wide Web Konsorsium).

Dan pengenalan teknologi ini dimungkinkan berkat pemisahan konten halaman dari apa yang presentasi dari isi tersebut dan lihat & rasakan halaman dengan menggunakan file definisi gaya CSS.

Ini memungkinkan Anda untuk mengubah tampilan seluruh situs web (dipahami sebagai kumpulan halaman) tanpa harus menyentuh touch kode sumber semua file HTML, karena berbeda apa definisi gaya dan presentasi (terkandung dalam mengajukan CSS) dari konten (ditemukan dalam file HTML).

Elemen desain responsif telah dibahas dan diperkenalkan dalam standar web oleh W3C sejak akhir dekade pertama abad ke-21.

Itu dari meluncurkan dari iPhone pertama, pada tahun 2006, di mana perlombaan dilepaskan untuk menyesuaikan situs web sehingga dapat dilihat dengan sempurna baik di browser desktop dan layar besar, serta di perangkat ponsel.

Foto fotolia: Alexey Shkitenkov / Bobb Klissourski