TUGAS 6REKAYASA WEB

0316

Kahfi Arif Akbar1012501571Kel. KU

RESPONSIVE WEB DESIGN

Pengertian dan Contohnya

RESPONSIVE WEBDESIGN

Adalah sebuah teknik yang digunakan untuk membuatlayout suatu website kompatibel dengan tampilandevice pengunjung, baikukuran maupun orientasinya.

Jadi tampilan pada desktop komputer akan diubahsedemikian rupa agar bisadibuka secara maksimal diukuran layar yang lebih kecilseperti smartphone maupuntablet.

BONOBOShttp://bonobos.com

BOOTSTRAPhttp://getbootstrap.com

STARBUCKShttp://starbucks.com

PerbandinganRESPONSIVE WEB DESIGN

Bootstrap Foundation Skeleton

Alerts Yes Yes No

Badges No Yes No

Breadcrumbs Yes Yes No

Buttons Yes Yes Yes

Carousel Yes Yes No

PerbandinganRESPONSIVE WEB DESIGN

Bootstrap Foundation Skeleton

Collapse/Accordion Yes Yes No

Dropdown Yes Yes No

Forms Yes Yes Yes

FormValidation Yes Yes No

Grids Yes Yes Yes

PerbandinganRESPONSIVE WEB DESIGN

Bootstrap Foundation Skeleton

Icons No Yes No

Labels Yes Yes No

Lists Yes Yes Yes

Lists Horizontal No Yes No

Media Object Yes Yes No

PerbandinganRESPONSIVE WEB DESIGN

Bootstrap Foundation Skeleton

Modals Yes Yes No

Navigation Yes Yes No

Navigation Sticky Yes Yes No

Navigation Off Canvas Yes Yes No

Pagination Yes Yes No

PerbandinganRESPONSIVE WEB DESIGN

Bootstrap Foundation Skeleton

Panel Yes Yes No

Popovers Yes Yes No

Print Styles Yes Yes No

Progress Bars Yes Yes No

Responsive Media No Yes No

PerbandinganRESPONSIVE WEB DESIGN

Bootstrap Foundation Skeleton

Right-to-Left Unknown Yes No

Scrollspy Yes Yes No

Tables Yes Yes Yes

Tabs Yes Yes No

Thumbnail Yes Yes No

PerbandinganRESPONSIVE WEB DESIGN

Bootstrap Foundation Skeleton

Tooltips Yes Yes No

Tour No No No

Typeahead No No No

Typograph Yes Yes Yes

VideoScalling Yes Yes No

PerbandinganRESPONSIVE WEB DESIGN

dalam CSS

Bootstrap Foundation Skeleton

Reset reboot.css normalize.css normalize.css

LESS No No No

Sass/Scss Yes Yes No

THANKS