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 perpanjangan website klub olahraga taekwondo
Testimoni perpanjangan website klub olahraga taekwondo

Testimoni pembuatan website company profile indonesian catering
Testimoni pembuatan website company profile indonesian catering

Testimoni pembuatan website toko online pusatgrosirhijabtermurah.com
Testimoni pembuatan website toko online pusatgrosirhijabtermurah.com

Artikel

Feature Wajib Untuk Website Company Profile

Feature Wajib Untuk Website Company Profile   Pembuatan website company profile tidak boleh asal-asalan, karena website company profile merupakan media online ...

Lihat Artikel

Content Management System

(Dibaca 8219 kali)
Content Management System

CMS adalah program website back end untuk mengelola konten website front end yang kami kembangkan sendiri.  Feature-feature dari CMS kami adalah Terlihat ...

Lihat Artikel

Apa itu konten website ?

(Dibaca 9164 kali)
Apa itu konten website ?

Apa itu konten website ? Konten website bisa berupa tulisan / artikel, gambar diam, gambar bergerak / slideshow dan video / link video.Konten lainnya bisa berupa widget ...

Lihat Artikel

Tampil di halaman 1 Google

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

SEO atau SEM ?

(Dibaca 5982 kali)
SEO atau SEM ?

Dalam melakukan pemasaran melalui search engine, kita dapat memilih jasa SEO (Search Engine Opmization) atau jasa SEM (Search Engine Marketing). Tujuan dari jasa ini ...

Lihat Artikel

Cara tampil dihalaman pertama google

Bagaimana cara agar bisa tampil di halaman 1 Google tanpa kerja keras dan dengan biaya murah ? Cara atau tips agar bisa tampil di halaman 1 Google sudah pernah penulis ...

Lihat Artikel

Modifikasi website lama atau buat website baru ?

Bagi pemilik website yang sudah lama (bertahun-tahun) adakalanya merasa bosan dengan tampilan website nya. Apalagi website lamanya kurang memberikan hasil atau sama ...

Lihat Artikel










Back to Top