Desain web responsif membuat halaman web terlihat baik di semua perangkat dengan mengubah ukuran, menyembunyikan, memperbesar, atau memindahkan konten berdasarkan layar perangkat. Bootstrap dan Foundation adalah framework CSS yang membantu membuat desain web responsif dengan memberikan grid sistem, komponen interaktif, dan dukungan untuk berbagai ukuran layar. Mereka memiliki kelebihan dan kekurangan masing-masing seperti waktu pengembangan
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Tugas 6 rekweb
1.
2. 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.
3.
4. 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.
5. 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.