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
