Merancang untuk Web dan Tablet - Desain Responsif

• Mungkin 15, 2024

Istilah Responsif telah berada di garis depan untuk sementara waktu tetapi apa sebenarnya artinya? Internet telah banyak berubah selama bertahun-tahun, dari platform yang sebagian besar berbasis teks ke lingkungan yang interaktif, multi-media, dan multi-perangkat.

Laman web telah berubah selama dekade terakhir untuk mencerminkan peningkatan Internet dan perangkat yang kami gunakan untuk melihatnya. Berbicara tentang perangkat, kami memiliki beberapa jenis untuk dipilih, termasuk komputer, komputer mini, tablet dan smartphone. Ketika jumlah perangkat dan variasinya meningkat, masalah menjadi jelas. Setiap perangkat dan setiap variasi perangkat memiliki ukuran layarnya sendiri.

Ketika kami hanya harus merancang situs web untuk komputer desktop dan laptop, pertimbangan utama kami adalah bagaimana memastikan bahwa halaman web menampilkan hal yang sama tidak peduli komputer atau browser web. Jawabannya adalah merancang untuk browser web teratas dan resolusi layar paling umum. Itu berhasil untuk waktu yang singkat. Masalah lain menjadi jelas ketika parameter ini terus berubah. Ukuran layar untuk komputer pertama saya adalah 800 x 600 dan saya tetap menyukainya. Kemudian 1024 x 800 menjadi norma. Sekarang komputer telah tumbuh hingga 27 inci dan lebih besar. Jadi resolusi target untuk situs web terus berubah.

Ketika kami mulai menikmati mendesain untuk layar yang lebih besar ini, popularitas smartphone dan tablet meningkat pesat, dengan aplikasi keren mereka tetapi layar lebih kecil. Bahkan, diperkirakan bahwa smartphone dan tabel akan digunakan lebih sering daripada komputer untuk melihat web hanya dalam beberapa tahun. Pada awalnya hanya ada beberapa perangkat seluler. Jadi kami mulai merancang situs web utama untuk pengguna komputer dan situs kedua untuk pengguna seluler. Tetapi ini tidak menyelesaikan masalah sepenuhnya, karena kami masih merancang untuk tata letak lebar tetap.

Sekarang, Anda tidak dapat mengasumsikan perangkat apa yang akan digunakan pemirsa untuk melihat situs web Anda. Jadi mendesain untuk ukuran layar tetap tertentu bukan lagi jawaban terbaik untuk masalah tersebut. Yang kami butuhkan adalah cara untuk menentukan ukuran layar perangkat pengguna dan menampilkan halaman web yang sesuai. Karenanya, desain web responsif, yang menggunakan CSS untuk menentukan lebar layar dan untuk menampilkan halaman web secara berbeda sesuai kebutuhan. Ini memungkinkan kami untuk hanya memiliki satu situs web yang akan berubah menjadi beberapa versi sesuai kebutuhan.

Petunjuk Video: Membuat Desain Web Responsive dengan HTML dan CSS | Tutorial HTML (part 11) (Mungkin 2024).