pengertian tentang responsive web design

1. TUGAS 6
REKAYASA WEB
Responsive Web Design
Rizki ripai_(1311511511)_KU

2. Pengertian 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.

3. Pemahaman
Jadi responsive web design itu sebuah
teknik pengembangan web yang dibuat
untuk lebih dinamis dan tampilan website
bisa mengikuti ukuran layar device

4. Contoh responsive web design
Mobile Desktop

5. Contoh responsive web design
Mobile Desktop

6. Framework Bootstrap
Bootstrap adalah sebuah framework yang
dikembangkan pengembang Twitter pada
pertengahan tahun 2010. Sebelum menjadi
kerangka kerja open-source, Bootstrap dikenal
sebagai Twitter Blueprint. Dan terus berkembang
sampai saat ini dan Bootstrap telah menjadi salah
satu front-end framework yang paling populer dan
merupakan proyek open source di dunia.

7. Framework Foundation
Foundation adalah framework css yang
dikembangkan oleh ZURB pada tahun 2011. Edisi
pertama framework css Foundation adalah versi
2.0 dan hingga saat ini foundation telah
mengalami beberapa kali pengembangan hingga
muncul versi 5 nya. Dari awal pembuatanya ZURB
mengusung sebuah misi untuk membuat
framework yang lebih cepat dan lebih baik untuk
membuat tampilan sebuah website. Dan sama
seperti bootstrap, foundation pun mengusung
responsive fitur didalamnya.

8. Perbandingan
Bootstrap
•Waktu pembuatan yang lebih cepat
•Template yang menggunakan
Bootstrap lebih rapi
•Template yang menggunakan
Bootstrap lebih ringan.
•Responsive dan tidak responsive
Foundation
•Grid sistem yang baik
•Komponen dan fitur lebih banyak
•Baik untuk penggunaan Gambar