Jasa Pembuatan Website MurahDesain Website yang Mobile FriendlyDesain Website yang Search Engine FriendlyWeb Server yang super cepat
Beranda − 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 pembuatan website portal berita okuoke.com
Testimoni pembuatan website portal berita okuoke.com

Testimoni pembuatan website toko online jasa pesan antar
Testimoni pembuatan website toko online jasa pesan antar

Testimoni company profile exclusive footwear
Testimoni company profile exclusive footwear

Artikel

Cara menyembunyikan alamat IP komputer ?

Bagaimana cara menyembunyikan alamat IP komputer kita pada saat browsing di internet ? Caranya adalah dengan melalui web proxy. Apa itu web proxy ? Web proxy adalah ...

Lihat Artikel

Tips upload Gambar untuk Galeri atau Produk Toko Online

Bagaimana cara membuat dan meng-upload gambar untuk Galeri atau Produk toko online ? Pertama-tama siapkan produk terbaik yang akan di foto. Pilih background yang ...

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

Search Engine Friendly Urls

(Dibaca 24401 kali)
Search Engine Friendly Urls

Apakah yang di maksud dengan link yang search engine friendly itu ? Perhatikan link artikel dibawah ini ...

Lihat Artikel

Responsive Web Design

(Dibaca 128444 kali)
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 ...

Lihat Artikel

Cara Memasang Video di Website

(Dibaca 4724 kali)
Cara Memasang Video di Website

Alkisah anda sudah mempunyai atau membuat beberapa video yang akan ditampilkan di website anda sendiri. Lalu dengan bersemangat anda mulai meng-upload video-video ...

Lihat Artikel

Apa yang dimaksud dengan nama domain ?

Apa yang dimaksud dengan Nama Domain ? Nama domain adalah nama unique yang digunakan untuk mengidentifikasi alamat sebuah website di internet. Pada awalnya ...

Lihat Artikel










Back to Top