Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Frameworks
Webdesign

Panduan Cepat untuk Memilih Kerangka Terbaik untuk Anda

by
Length:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

Berbagai kerangka yang senantiasa meluas tersedia untuk desainer dan pengembang front-end, siap untuk prototyping cepat dan implementasi. Ada berbagai macam kerangka komprehensif dan ringan, dan cukup banyak segala sesuatu yang berada di antaranya. Dengan begitu banyak pilihan, Anda mungkin hanya memilih yang paling populer, tapi itu belum tentu yang terbaik untuk proyek tertentu.

Masing-masing kerangka memiliki keuntungannya sendiri, dan terserah kepada Anda untuk mencari tahu yang akan paling sesuai dengan kebutuhan Anda. Untungnya, saya telah melakukan beberapa penelitian dan eksperimen untuk Anda dengan memperhatikan empat kerangka yang berbeda. Saya telah mengevaluasinya pada:

  • Kemudahan untuk dipelajari
  • Jumlah sumber daya eksternal
  • Fleksibilitas
  • Dukungan browser
  • Aksesibilitas

Kerangka yang saya periksa adalah BootstrapConcise, Foundation, dan Gumby. Perlu diingat, saya akan tidak akan menyarankan Anda untuk memilih atau yang merupakan favorit saya, hanya menjelaskan setiap kekuatan kerangka sehingga Anda dapat memutuskan mana yang paling cocok untuk Anda. Mari kita selami!

Bootstrap Concise Foundation and Gumby frameworks

Catatan: saya menggunakan istilah Kerangka, tetapi beberapa mungkin merasa Library atau Boilerplate lebih tepat.

Kemudahan untuk dipelajari

Pemenang: Concise

Setiap dari kerangka yang saya pandang memiliki kurva belajar yang relatif ramah, dangkal, tapi saya menemukan Concise untuk menjadi yang terbaik bagi pemula. Kerangka yang lebih ramping, Concise ringan pada fiturnya, yang memungkinkan dokumentasinya menjadi cepat, mudah dibaca.

Jika Anda sedang mencari lebih dari fitur dasar, ada beberapa add-on yang dapat disertakan dalam proyek Anda.

Concise add-ons

Di tengah-tengah jalan: Bootstrap dan Foundation

Bootstrap dan Foundation keduanya memiliki dokumentasi istimewa yang memandu Anda melalui setup, modul dan ekstensi. Berbagai macam fitur secara pasti membuat dokumentasi sedikit lebih rumit dan menakutkan untuk pemula, dibandingkan dengan Concise. Foundation dilengkapi dengan demo file bernama index.html bagi pemula untuk bereksperimen dengannya dan berfungsi sebagai titik awal.

Tingkat lebih lanjut: Gumby

Gumby download juga dilengkapi dengan file demo.html untuk menunjukkan grid-nya beraksi serta ui.html dengan contoh-contoh dari setiap elemen ui. Namun, itu lebih menakutkan untuk setup dengan dorongan yang kuat untuk menggunakan SASS dan mengkompilasi CSS di terminal. Meskipun tidak penting untuk menggunakan Gumby, mereka membuat sebagian besar dokumentasi permulaan.

Gumby hanya memiliki satu pilihan download, tidak seperti Bootstrap dan Foundation yang memberikan Anda pilihan untuk men-download paket yang berbeda sesuai dengan kebutuhan dan kemampuan Anda.

Jumlah Sumber Daya Eksternal

Pemenang: Foundation

Selain dokumentasi, pencarian cepat Google akan menyediakan Anda bantuan tambahan yang mungkin Anda perlukan sepanjang jalan. Namun, Foundation, memiliki pusat pelatihan sendiri dan video untuk pengalaman belajar yang mulus. Jika Anda lebih suka memiliki sedikit kabar gembira di sana-sini, sejumlah besar blog dan tutorial telah ditulis dengan tips untuk menggunakan Foundation, termasuk di sini di Tuts+.

Foundation tutorials on Tuts

Mendekati kedua: Bootstrap

Seperti Foundation, Bootstrap telah dituangi oleh desain dan komunitas front-end sejak konsepsinya. Tuts+ memiliki beberapa kursus dan banyak tutorial tersedia pada subjeknya. Kerangka yang sangat populer, ada banyak blog, artikel, dan forum yang Anda inginkan.

Di tengah jalan: Gumby

Gumby juga telah dibahas baik di blog dan tutorial, meskipun, tidak cukup luas seperti Foundation dan Bootstrap. Dokumentasi Gumby juga akan mengarahkan Anda ke arah sumber daya untuk mempelajari Sass dan alat yang berguna untuk mengkompilasi CSS.

Anak baru di blok: Concise

Barusaja tiba di tempat kejadian kerangka, Concise masih belum diperiksa sedekat tiga lainnya. Sumber daya tambahan mungkin tidak akan diperlukan, mempertimbangkan ukuran kecil dan fleksibilitas dari kerangka ini.

Fleksibilitas

Ikatan: Bootstrap, Foundation, dan Gumby

Bootstrap dan Foundation adalah semua kerangka yang sangat komprehensif, dengan sejumlah besar fitur dan sumber daya yang tersedia untuk Anda. Masing-masing dapat disesuaikan sebelum Anda bahkan men-download file, yang berarti lebih sedikit penimpaan CSS untuk Anda.

Mereka juga serbaguna dalam cara mereka dapat digunakan, seperti dalam kombinasi dengan CMS atau untuk app prototyping. Ketiganya memiliki fitur UI serupa, meskipun Bootstrap dan Foundation memiliki beberapa lebih dari Gumby, seperti tipografi, lightbox dan akordion.

Customise your Bootstrap download

Dasar: Concise

Concise dibangun sebagai kerangka kecil, memberikan hanya yang penting. Tidak seperti tiga lainnya, Concise hanya memberi Anda yang mutlak diperlukan dalam download-nya, tetapi memungkinkan Anda untuk membangun yang Anda inginkan. Hal ini bagus jika Anda ingin mendesain elemen UI sendiri, karena lebih sedikit menimpa CSS akan diperlukan.

Dukungan browser dan Aksesibilitas

Semua kerangka dalam peringkat pengujian kami hampir sama di area ini, mengikuti yang paling standar. Foundation adalah satu-satunya yang tidak mendukung IE8.

Foundation kompatibilitas

Bootstrap memperingatkan tentang properti-properti CSS3 tertentu yang tidak didukung di IE8.

"Internet Explorer 8 dan 9 juga didukung, namun, perlu diketahui bahwa beberapa properti CSS3 dan elemen HTML5 tidak sepenuhnya didukung oleh browser ini. – Dokumentasi Bootstrap

Dokumentasi Bootstrap membahas secara rinci dukungan browser dan perangkat, serta perbedaan dalam properti tertentu yang di-render. Bagian berikutnya dari dokumentasi Bootstrap membahas aksesibilitas. Foundation mengikhtisar praktik terbaik aksesibilitas juga, tapi Concise dan Gumby tidak.

Gelar Kehormatan

Skeleton adalah kerangka lain yang ringan, mirip dengan Concise, dan baru saja mengalami perbaikan. Ini paling efisien untuk situs kecil, terutama berfokus pada navigasi dan tipografi. Bahkan lebih sedikit style daripada Concise ia langsing, ramping, ringan dan sangat mudah untuk memulai dengannya. Ia tidak termasuk Sass atau CSS yang di-minified, tidak seperti empat kerangka lainnya yang diteliti.

Kesimpulan

Tidak ada salah pilih untuk kerangka yang harus Anda gunakan, hanya pilihan yang lebih baik. Tujuan saya di sini adalah untuk membantu Anda mencari tahu mana yang merupakan pilihan yang lebih baik untuk Anda, berdasarkan kriteria yang mungkin berdampak pada sebuah proyek dan alur kerja Anda. Apakah Anda baru di kerangka, atau lebih akrab dengan bagaimana mereka bekerja, sangat penting untuk menentukan yang sesuai dengan kebutuhan proyek Anda.

Berikut adalah sebuah ringkasan singkat dalam bentuk tabular. ★ menunjukkan pemenang langsung, sementara ☆ menunjukkan bahwa posisi teratas bersamaan.


Bootstrap Concise Foundation Gumby
Kemudahan untuk dipelajari



Jumlah sumber daya eksternal



Fleksibilitas




Dukungan browser



Aksesibilitas




Kriteria yang tampak di–kemudahan untuk dipelajari, sumber daya eksternal, fleksibilitas, dan dukungan browser dan aksesibilitas–satu atau dua akan berada di peringkat lebih tinggi dalam kepentingan Anda, dan Anda harus memilih kerangka Anda yang sesuai. Bagi Anda yang memiliki pengalaman dengan Bootstrap, Concise, Foundation, atau Gumby, area mana yang Anda pikir kerangka pilihan Anda berkinerja terbaik? Untuk jenis proyek apa yang Anda menggunakannya?

Bagi Anda yang bersandar pada kerangka lain, bagaimana perasaan Anda membandingkan pilihan Anda dengan ini?

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.