Yuk Mengenal Responsive Web Design

Responsive Web Design merupakan desain web yang dapat menyesuaikan 'diri' diberbagai ukuran layar device dan berbagai browser. Jadi web tersebut dapat beradaptasi dengan ukuran layar device. Oh gitu, responsive? berarti peka dong? Iya, bisa dibilang webnya 'peka' terhadap ukuran layar.


Yuk Mengenal Responsive Web Design

Responsive Web Design merupakan desain web yang dapat menyesuaikan 'diri' diberbagai ukuran layar device dan berbagai browser. Jadi web tersebut dapat beradaptasi dengan ukuran layar device.

Oh gitu, responsive? berarti peka dong? Iya, bisa dibilang webnya 'peka' terhadap ukuran layar.

Yuk Mengenal Responsive Web DesignYuk Mengenal Responsive Web Design



RWD berguna agar web tersebut dapat tampil dengan baik dan bagus di berbagai ukuran layar device tanpa menggunakan mobile template. Sehingga tampilan web di mobile/phone sesuai dengan yang diinginkan, bukan dengan template default untuk mobile/phone.

Dengan RWD, ciri khas suatu web akan tetap muncul jika dilihat dari layar device ukuran apapun. Berbeda bila menggunakan mobile template, ciri khas web akan hilang. Hm.. terus RWD dibuatnya gimana?

RWD ini dibuat dengan memanfaatkan Media Query pada CSS3. Berikut kutipan mengenai Media Query.

Media Queries is a CSS3 module allowing content rendering to adapt to conditions such as screen resolution (e.g. smartphone vs. high definition screen). -Wikipedia

Oh pake CSS3.. Iya CSS3. Web yang responsive akan menyesuaikan tampilan 'dirinya' diberbagai layar device sehingga tampilan web jadi lebih optimal. Coba kecilkan ukuran browser dan lihat apa yang terjadi.

Oh webnya ngerespon toh sama ukuran layarnya. Web aja bisa peka, masa situ enggak? ssst.. jangan berisik! Iya maaf..

Demikian, semoga bermanfaat.

COMMENTS

Nama

AJAX Android APLIKASI APLIKASI PROGRAMMING BASIC Bootstrap C Plus Plus Cisco Packet Tracer Codeigniter CRUD CSS Framework HTML Instaling Jaringan Komputer Java Java Script JavaScript JQUERY Pengetahuan PHP Programming Review Sekolah SOURCODE Teknologi TipsTrick Tutorial Video Yii
false
ltr
item
HI-CODDING: Yuk Mengenal Responsive Web Design
Yuk Mengenal Responsive Web Design
Responsive Web Design merupakan desain web yang dapat menyesuaikan 'diri' diberbagai ukuran layar device dan berbagai browser. Jadi web tersebut dapat beradaptasi dengan ukuran layar device. Oh gitu, responsive? berarti peka dong? Iya, bisa dibilang webnya 'peka' terhadap ukuran layar.
https://2.bp.blogspot.com/-Dqul5n4A7ZQ/V1uJk0WNlTI/AAAAAAAABBw/8LAGOsusvqsVJto64BKD2x9tJ6ZxRoszACLcB/s400/Screenshot_118.png
https://2.bp.blogspot.com/-Dqul5n4A7ZQ/V1uJk0WNlTI/AAAAAAAABBw/8LAGOsusvqsVJto64BKD2x9tJ6ZxRoszACLcB/s72-c/Screenshot_118.png
HI-CODDING
http://www.hi-codding.net/2016/06/yuk-mengenal-responsive-web-design.html
http://www.hi-codding.net/
http://www.hi-codding.net/
http://www.hi-codding.net/2016/06/yuk-mengenal-responsive-web-design.html
true
5256670903611799845
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy