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 pembuatan website portal berita geram.web.id
Testimoni pembuatan website portal berita geram.web.id

Testimoni perpanjangan website company profile outsourcing 2016-2017
Testimoni perpanjangan website company profile outsourcing 2016-2017

Testimoni pembuatan website company profile lavelle-skincare.com
Testimoni pembuatan website company profile lavelle-skincare.com

Artikel

Memasukkan keyword ke dalam website

Untuk membuat website banyak mengunjungi kita biasa berusaha memasukkan keyword-keyword ke dalam website kita. Berikut akan dijelaskan berbagai cara memasukkan ...

Lihat Artikel

Cara meningkatkan ranking alexa

Apakah Alexa Rank Itu? Sederhananya, Alexa Rank adalah sistem peringkat yang berdasar kepada skema peringkat dari traffic dalam setiap website untuk ...

Lihat Artikel

Membuat blog (web gratis) atau membuat website sendiri ?

Dalam mempublikasikan produk dan jasa yang ditawarkan kita dapat membuat blog atau membuat website sendiri. Membuat blog tidak memerlukan biaya untuk pendaftarannya dan ...

Lihat Artikel

Cara mengecilkan ukuran gambar sebelum di upload ke website

Bagaimana cara mengecilkan ukuran gambar JPG  sebelum di upload ke website ? Pertama tama kamu harus install software / aplikasi image editor seperti Photoshop di ...

Lihat Artikel

Pakai Gmail atau Webmail ?

(Dibaca 5483 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

Tips Sukses Portal Berita

(Dibaca 14288 kali)
Tips Sukses Portal Berita

Masih ingat dengan isi artikel Tips Sukses Toko Online yang penulis pernah posting di situs ini beberapa waktu yang lalu ? Di artikel tersebut dikatakan setelah toko ...

Lihat Artikel

Cara Memasang Video di Website

(Dibaca 4894 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










Back to Top