Tugas 6 Rekayasa Web

Fitra Ramadhan 1412510610

(1) Apa yang anda ketahui tentang Responsive Web Design? Berikan beberapa contoh web dengan karakter Responsive Web Design!

Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout website menyesuaikan diri dengan tampilan device pengunjung, baik ukuran maupun orientasinya. Jadi tampilan yang berada di desktop komputer dengan tampilan yang diakses melalu SmartPhone misalnya, itu akan berbeda tampilannya.

3200tigres.wwf.fr

Contoh web dengan karakter Responsive Web Design

stephencaver.com

forefathersgroup.com

(2). Bandingkan beberapa contoh framework yang telah mengimplementasikan Responsive web design, seperti Bootstrap, Foundation,dll !

Framework Bootstrap adalah sebuah framework CSS yang menyediakan kumpulan komponen-komponen antarmuka dasar pada web yang telah dirancang sedemikian rupa untuk digunakan bersama-sama. Selain komponen antarmuka, Bootstrap juga menyediakan sarana untuk membangunlayout halaman dengan mudah dan rapi, serta modifikasi pada tampilan dasar HTML untuk membuat seluruh halaman web yang dikembangkan senada dengan komponen-komponen lainnya.

Framework Foundationframework untuk membuat disain web responsive dengan cepat. Cepat disini bukan berarti instan kayak popmie. Mengetahui dasar HTML dan CSS akan sangat membantu menggunakan framework ini. But fear not, foundation ini cuma ready made CSS dan javascript untuk membantu para disainer. Yep, thats right, designer, not engineer. Belajar foundation tidak akan memakan waktu lama. Easy as a pie.

PerbandinganFramework Bootstrap

Template yang menggunakan Bootstrap lebih rapi

Waktu pembuatan yang lebih cepat Template yang menggunakan

Bootstrap lebih ringan. Responsive dan tidak responsive Dokumentasi Lengkap Minim gambar Mudah dikenali

Framework Foundation Grid sistem yang baik Komponen dan fitur lebih banyak Baik untuk penggunaan Gambar Template yang menggunakan

foundation lebih berat Dokumentasi terbatas