Minggu, 13 Maret 2016

RWD(Responsive Web Design)


Responsive Web Design
(RWD)




assalamualaykum :),.
apa kabar sobat semua, mudah-mudahan selalu dalam keadaan Sehat :D Aamiin ya Robbal Alamin :D.

kali ini kita akan membahas sedikit tentang responsive web desain,.. wow apa itu responsive web desain, yuk baca sedikit tulisan dibawah sini :D. 

apa sih responsive desain ?
yaitu Cara praktis membuat konten web anda agar tampil optimal dan sama baiknya ketika diakses oleh bermacam-macam devices.

Ethan marcotte adalah orang yang memperkenalkan responsive web desain. Dimana responsive ini bisa digunakan diberbagai macam devices misalkan smartphone, TV dll.

Contoh site yang responsive adalah http://www.nurulfikri.ac.id (seperti gambar diatas) atau www.worldwildlife.org.
Responsive web ini juga bukan hanya terhadap ukuran saja, tetapi juga terhadap orientasi dari devices yang kita gunakan, misalkan pada perangkat android memiliki landscape dan portrait.

Teknik pengembangan RWD menggunakan HTML5 dengan aturannya ada:
CSS3 Media Queries :
memungkinkan halaman web menggunakan aturan CSS yang berbeda sesuai karakteristik devices.

Fluid Grid Layouts :
CSS disesuaikan dengan desain partisi ukuran.

Fluid Images (flexible images):
dimana gambar akan menyesuaikan ukuran devices yang digunakan. Dimana bayangannya image itu responsive dengan device yang digunakan.

Proses untuk membuat RWD utamakan lah buat untuk ukuran mobile terlebih dahulu, dan jangan juga menggunakan hardScript misal dipatok untuk ukuran dari image atau lebarnya dengan sekian piksel.

yupps itu saja perkenalan tentang RWD atau responsive web design,. semoga bermanfaat dan bermakna :D. terima kasih