Seperti yang didefinisikan oleh Ethan Marcotte dalam ALA 306 , istilah "desain responsif" mengacu pada teknik penerapan aturan gaya yang berbeda untuk HTML Anda tergantung pada ukuran layar pengguna. Untuk penjelasan lebih lanjut tentang desain responsif, inilah dek yang bagus dari Mike Bollinger .
Dalam model ini, Anda mengirim HTML yang sama persis kepada klien apakah layarnya kecil atau besar. Namun, jika sumber daya (terutama gambar) yang dirujuk dalam CSS tidak ditampilkan untuk resolusi layar tertentu, mereka mungkin tidak diunduh. Misalnya, untuk layar besar yang dapat Anda gunakan high-res.png
di CSS dan layar kecil low-res.png
- klien web dapat memilih untuk hanya mengunduh gambar dalam gaya aktif. (Lihat @ DBUK's komentar untuk setidaknya satu klien penting yang saat ini mengunduh keduanya! Semoga klien akan semakin pintar!)
Teknik ini mungkin masuk akal dalam kasus Anda, atau mungkin lebih masuk akal untuk membuat situs seluler terpisah.
Perangkat yang berbeda dapat menyiratkan konteks penggunaan yang berbeda. Ponsel selalu ada di saku Anda - bagaimana pengguna akan menggunakan situs Anda di toko bahan makanan? Apakah Anda ingin mengirim mereka seluruh situs? Atau hanya beberapa fitur? Atau fitur yang sama sekali berbeda? Bagaimana jika mereka ada di sofa dengan TV menyala dengan santai membaca iPad mereka?
Perangkat seluler cenderung memiliki prosesor yang lebih lambat, lebih sedikit memori, dan tingkat koneksi yang lebih lambat (semua "kebenaran" itu menjadi kurang benar setiap tahun, btw) - Anda mungkin ingin mengirim situs seluler yang terpisah hanya karena alasan kinerja.
Saya berani katakan bahwa, secara umum, semakin statis, tekstual, dan konten-didorong situs (yaitu blog), semakin besar peluang ada untuk menggunakan HTML yang ada dan desain responsif. Semakin interaktif, multi-media, dan situs yang digerakkan pengguna (yaitu toko), semakin besar peluang Anda untuk menyesuaikan situs yang terpisah untuk masing-masing jenis perangkat.
Juga, jangan lupa bahwa di zaman sekarang ini, ada juga pertanyaan apakah pengalaman seluler harus berupa situs atau aplikasi .