Jasa Pembuatan Website MurahDesain Website yang Mobile FriendlyDesain Website yang Search Engine Friendly Aplikasi Google Play Store Android
Home − Produk − Paket Web − Cara Order − Portofolio − Artikel − Testimoni

tampilkan semua artikel

Detail Artikel

Responsive Web Design

Belakangan ini sedang trend desain web yang responsif, perkembangan desain web agar dapat tampil dengan baik dan nyaman pada browser di perangkat gadget apapun yang berbeda resolusi layarnya. Sebagian besar kalian mungkin sudah mengerti, tapi beberapa waktu lalu seorang teman bertanya kepada saya soal itu dan saya coba memberikan apa yang saya ketahui untuk sedikit memahaminya.

Responsive Layout
Mungkin kita pernah membuka sebuah situs dengan menggunakan smartphone dan setelah terbuka situs tersebut terpotong tampilannya ataupun terlihat sangat kecil karena menyesuaikan dengan lebar smartphone kita, itu terjadi karena layout situs tersebut tidak menerapkan responsif desain/layout.

Kurang lebihnya desain responsif itu dimaksudkan agar desain web dapat tampil dengan baik menyesuaikan dengan lebar resolusi layar perangkat secara otomatis, misalkan pada lebar layar1024px (desktop) layout akan tampil 3 kolom, kemudian bila dibuka pada lebar layar 320px (smartphone) akan menjadi 1 kolom. Hal tersebut dimaksudkan untuk kenyamanan dan memaksimalkan tampilan layout agar semua content dapat terlihat tanpa harus terpotong dan harus menggunakan horizontal scroll di browser.

Yang harus digaris bawahi adalah ketika layout 3 kolom berubah menjadi 1 kolom itu bukan berarti 2 kolom yang lain dihilangkan, melainkan hanya di layout "ulang" untuk menyesuaikan lebar resolusi layar. Untuk menerapkan fungsi itu menggunakan salah satu bagian dari CSS3 yaitu Media Queries.

Ada 3 hal utama yang menjadi kunci dalam responsif desain, yaitu:

Fluid & flexible grid
Lebar dan layoutnya dapat secara otomatis berubah dengan fleksibel menyesuaikan mengikuti lebar layar pada perangkatnya.

Flexible image size
Ukuran image pada halaman web juga dapat menyesuaikan mengikuti lebar layar pada perangkatnya.

Media queries
Adalah bagian dalam CSS3 yang digunakan untuk menerapkan style layoutnya dan menentukan target lebar layarnya. 

(Haruskah) Responsif?
Seperti yang kita ketahui bahwa trend dan perkembangan dunia gadget saat ini memungkinkan banyak orang mulai membuka halaman web dari perangkat gadget mrk, baik perangkat dengan resolusi layar kecil seperti handphone/smartphone atau pada perangkat dengan resolusi medium seperti tablets/ipad/laptop, jadi layout web responsif itu bisa memberikan kenyamanan bagi yang melihat tampilan web tersebut karena layoutnya bisa menyesuaikan lebar layar pada perangkat yang bersangkutan, mulai dari layout, text (font size), image, sampai menyembunyikan mana content yang tidak ingin di tampilkan untuk memaksimalkan layout.

Jadi bukan dalam pengertian "harus" itu sama dengan wajib, tapi menurut saya mungkin ada baiknya para web desainer atau web developer mulai memikirkan soal responsive design untuk memberikan kenyamanan kepada pengunjung web dan memaksimalkan penyajian konten web mereka agar lebih mudah dan nyaman dibaca dalam berbagai perangkat.

Artikel Terkait

Komentar via Facebook

Kembali ke atas

WebDesign67.com

 

0812 8984 8678

0859 2143 4367

 desainweb67@gmail.com



Cari produk / artikel

Testimoni

Testimoni pelunasan web company profile perusahaan jasa tki abdibelapersada.com
Testimoni pelunasan web company profile perusahaan jasa tki abdibelapersada.com

Testimoni pembuatan website company profile man power
Testimoni pembuatan website company profile man power

Testimoni pembayaran website company profile asktechnica
Testimoni pembayaran website company profile asktechnica

Artikel

Perbedaan Web Statis dan Web Dinamis

Apakah perbedaan antara Web Statis dan Web Dinamis ?  Pengertian Web Statis dan Web Dinamis 1. Web StatisWeb statis adalah website yang mana pengguna tidak ...

Lihat Artikel

Apa itu PageRank

(Dibaca 4247 kali)
Apa itu PageRank

PageRank adalah apa yang digunakan Google untuk menentukan pentingnya suatu halaman web. Itu salah satu dari banyak faktor yang digunakan untuk menentukan halaman muncul ...

Lihat Artikel

Tampil di halaman 1 Google

(Dibaca 4914 kali)
Tampil di halaman 1 Google

Bagaimana cara agar bisa tampil di halaman 1 Google ?    Google akan berusaha memberikan hasil paling cocok untuk setiap kata kunci yang dicari. Google ingin ...

Lihat Artikel

Jangan membuang waktu di social media

Saat ini social media banyak digembar-gemborkan, tetapi apakah manfaat dari social media itu seperti yang dibesar-besarkan? Memang benar bahwa dalam social media ...

Lihat Artikel

Dedicated Hosting vs Shared Hosting

Dedicated Hosting adalah alokasi space hosting dan bandwith di server hosting yang terpisah / tersendiri (tidak ber sama-sama dengan alokasi space dan bandwidth hosting ...

Lihat Artikel

Cara Order Website

(Dibaca 6262 kali)
Cara Order Website

  Bagaimana cara pemesanan website secara online ? 1. Silahkan menentukan jenis website yg akan dibuat dengan melihat contoh2 website ...

Lihat Artikel

Pakai Gmail atau Webmail ?

(Dibaca 5514 kali)
Pakai Gmail atau Webmail ?

Sebaiknya pakai Gmail atau Webmail (email dari domain) ? Banyak pemilik website yang menginginkan email account dari domain. Jadi misalnya nama domainnya ...

Lihat Artikel










Back to Top