Home » Uncategorized » Desain Website Yang Responsif Itu Penting

Desain Website Yang Responsif Itu Penting

Twitter

Recent Followers

This blog has 60 nice blog followers. Thanks for your attention.


Semakin hari semakin banyak orang yang menggunakan perangkat mobile untuk browsing, seperti menggunakan smartphone dan tablet untuk setiap tugas atau pekerjaannya sehari-hari. Pekerjaan yang dulunya hanya dilakukan melalui personal komputer (PC dan laptop) sekarang hampir semua sudah bisa digunakan juga melalui perangkat mobile.

Umumnya perangkat mobile memiliki resolusi layar (ukuran tinggi dan lebar layar) yang lebih kecil dari pada resolusi PC dan laptop. Resolusi layar yang kecil lebih menyulitkan bagi pengguna perangkat mobile untuk melihat halaman website dengan nyaman. Munculnya scroll horisontal membuat kenyamanan melihat halaman website terasa sulit.

Dengan latar belakang itu maka sudah sejak 5 tahun terakhir digulirkan konsep desain website yang mampu beradaptasi dengan semua resolusi layar monitor. Konsep tersebut dikenal dengan desain web responsif (Responsive Web Design).

Berikut ini contoh tampilan website di layar monitor PC dan laptop.

Website dengan 3 kolom

Website dengan 3 kolom

Jika website diatas diakses dengan menggunakan perangkat mobile maka tampilan halaman website di browser internet akan berubah seperti dibawah ini.

Website dengan 1 kolom

Website dengan 1 kolom

Berikut ini file yang digunakan untuk mendesain website diatas. Silahkan download jika ingin mempelajari kode HTML dan CSS-nya.

Berikut ini kode HTML dan CSS dari halaman website yang resposif

 

Dari berbagai sumber.

 


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Alexa Traffic Ranks (April 2014)

Blog Stats

  • 135,391 hits

On The Spot

A shark attack, a 2D animation made by a specialneed student. :) #specialneed #autism #animation #2D #shark The underwater cars, designed by a specialneed student. :) #graphic #design #photoshop #underwater

Enter your email address to follow this blog and receive notifications of new posts by email. Thank you.

Join 1,266 other followers

%d bloggers like this: