TUGAS 6

0316

REKAYASA WEBYuyun Kuratu Ayuni

1411511031Kelompok : KU

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

Desain Web Responsive membuat halaman web anda terlihat baik di semua perangkat (dektop,tablet, dan telepon).

Desain Web Responsive adalah tentang menggunakan CSS dan HTML untuk mengubah ukuran , menyembunyikan , mengecilkan, memperbesar, atau memindahkan konten untuk membuatnya terlihat bagus di setiap layar.

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

Kelebihan atau keunggulan Bootstrap Waktu pembuatannya yang lebih cepat : karena elemen-elemen yang biasa ada dalam

sebuah website pada umunya sudah dibuatkan class-nya oleh bootstrap ini, jadi kita tinggal memanggilanya dalam theme.

Template yang memnggunakan Bootstrap lebih rapi : mungkin ini isedikit relatif , karena kebiasaan masing-masing developer membuat coding pasti berbeda-beda. Namunn pada dasarnya , karena bootstrap sudah terstruktur, unutk memodifikasi class dan penambahan class memang sebaiknya mempertahankan kerapihan code yang sudah ada terlebih dahulu.

Template yang menggunakan Bootstrap lebih ringan . Responsive : ya , dengan sedikit memodifikasi tempalte , kita bisa memilih antara

mengaktifkan siffat ‘rensponsive’. Banyak template bootstrap gratis. Twitter Bootstrap juga memiliki code yang cukup mudah dipelajari.

Kekurangan atau kelemahan Bootstrap

o Salah satu kemampuan bootstrap adalah minim gambar karen amemanfaatkan css3, disaat itu adalah keunggulam css3 namunn disisi itu pula kekurangan bootstrap , css3 yang dikembangkan twitter dll.

Keuntungan Menggunakan framework css foundation

Grid sistem yang baik : foundation memberikan anda kenyamanan daklam didalam dua belas grid yang di sediakan dimana grid foundation lebih respon dengan baik oleh browser ketika menjalankan media query . Dengan foundation kita dapat memilih antara fluid kolom dan statis kolom yang lebih baik direspon oleh browser bila dibandingakan dengan grid yang ada dalam bootstrap dan framework lain, hal tersebut membuat foundation melalukan pergeseran /scrolling lebih sempurna di respon oleh browser.

Komponen dan fitur lebih banyak : foundation menyediakan komponen yang lebih banyak bila dibandingkan dengan bootstrap . Itu bisa dilihat dari button yang relative lebih banyak jenisnya serta penggunaan effek javascript yang lebih dinamis. Dengan demikian kita ditawarkan banyak pilihan ketika sedang mendesign interface dari tempallate websitte yang sedang dikerjakan.

baik untuk pengguna Gambar: foundation memiliki fungsi class untuk memaksimalkan anda menggunakan gambar dalam sebuah website , hal ini menjadi salah satu pembeda ketika anda membandingkan dengan boostrap yang memang lebih minim dalam pengelolaan gamabar.

Kekurangan framework Css Foundation

o Template yang menggunakan foundation lebih berat ketimbang yang menggunakan bootstrap, hal ini mungkin ditimbulkan dari komponen foundation yang lebih banyak dari bootstrap .

o Dokumentasi terbatas : apabila dibandingkan dengan framework css Bootstrap , dokumentasi foundation memang lebih dikatakan terbatas . Ketika kita melakukan pencarian tutorial foundation di mesin pencari , akan sedikit sulit untuk menemukan dokumentasi dan tutorial penggunaan foundation apabila dibandingkan dengan bootstrap.

Terimakasih