Tugas6 [ku]-0316-kahfi arif akbar-1012501571

1. TUGAS 6
REKAYASA WEB
0316

2. Kahfi Arif Akbar
1012501571
Kel. KU

3. RESPONSIVE
WEB DESIGN
Pengertian dan Contohnya

4. RESPONSIVE WEB
DESIGN
Adalah sebuah teknik yang
digunakan untuk membuat
layout suatu website
kompatibel dengan tampilan
device pengunjung, baik
ukuran maupun orientasinya.
Jadi tampilan pada desktop
komputer akan diubah
sedemikian rupa agar bisa
dibuka secara maksimal di
ukuran layar yang lebih kecil
seperti smartphone maupun
tablet.

5. BONOBOS
http://bonobos.com

6. BOOTSTRAP
http://getbootstrap.com

7. STARBUCKS
http://starbucks.com

8. Perbandingan
RESPONSIVE WEB DESIGN
Bootstrap Foundation Skeleton
Alerts Yes Yes No
Badges No Yes No
Bread
crumbs
Yes Yes No
Buttons Yes Yes Yes
Carousel Yes Yes No

9. Perbandingan
RESPONSIVE WEB DESIGN
Bootstrap Foundation Skeleton
Collapse/
Accordion
Yes Yes No
Dropdown Yes Yes No
Forms Yes Yes Yes
Form
Validation
Yes Yes No
Grids Yes Yes Yes

10. Perbandingan
RESPONSIVE 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

11. Perbandingan
RESPONSIVE 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

12. Perbandingan
RESPONSIVE 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

13. Perbandingan
RESPONSIVE 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

14. Perbandingan
RESPONSIVE WEB DESIGN
Bootstrap Foundation Skeleton
Tooltips Yes Yes No
Tour No No No
Typeahead No No No
Typograph Yes Yes Yes
Video
Scalling
Yes Yes No

15. Perbandingan
RESPONSIVE WEB DESIGN
dalam CSS
Bootstrap Foundation Skeleton
Reset reboot.css normalize.css normalize.css
LESS No No No
Sass/Scss Yes Yes No

16. THANKS