Insinyur pengembangan, menggunakan bootstrap, pengembang front-end, menggunakan fondasi . Mari kita bicara tentang mengapa.
Ada banyak perbedaan utama antara bootstrap dan fondasi, tetapi, saya pikir Anda hanya perlu mengingat satu hal:
Dua konsep desain Zurb dan Twitter sangat jelas, karena mereka dapat dilihat dari penamaan kerangka kerja mereka sendiri: bootstrap berarti bootstrap, bootstrap, dengan kata lain, ia mencoba menangani semua yang Anda butuhkan dalam proyek Anda. Foundation berarti penciptaan, penciptaan, dengan kata lain, itu hanya memberi Anda kreativitas yang kuat dalam proyek Anda.
Menjaga tampilan ini, sekarang saya akan mencantumkan lebih banyak perbedaan utama antara keduanya:
1. Elemen UI
Foundation hanya mengatur beberapa elemen terbatas, sementara Bootstrap memberi Anda semua elemen yang dapat Anda bayangkan.
Tujuan desain Zurb untuk fondasi adalah bahwa bahkan jika Anda menggunakan elemen UI yang telah ditentukan, itu tidak boleh terlihat terlalu mirip dengan situs web Anda.
Di sisi lain, Bootstrap mencoba memberi Anda semua elemen UI yang ditentukan.
2. Rems vs piksel
Foundation menggunakan REMS, sedangkan Bootstrap menggunakan piksel .
Menggunakan piksel berarti Anda harus secara akurat menentukan ketinggian, lebar, margin dalam, margin luar komponen, dan di setiap perangkat dan ukuran layar, karena perangkat yang berbeda cenderung memiliki perbedaan besar dalam efek tampilan.
Sekarang Foundation 5 menggunakan Rems, bukan Em. Ini menghindari masalah kaskade EM.
Menggunakan REMS berarti Anda dapat menggunakan font-size: 80%; Untuk mengurangi seluruh komponen dan subkomponennya sebesar 20%.
Perlu disebutkan bahwa dengan REMS, Anda dapat menyingkirkan detail piksel, jadi layak untuk menggunakan REMS untuk menanganinya.
Foundation juga menyediakan metode mixin sass untuk mengonversi piksel menjadi REMS, sehingga Anda dapat terus menggunakan metode pemikiran piksel untuk menentukan halaman:
.element {width: Rem-calc (10px); // akan dikonversi menjadi REMS}3. Grid Fleksibel vs Grid yang Ditentukan sebelumnya
Foundation's Grid dapat secara otomatis beradaptasi dengan lebar browser saat ini. Boostrap telah ditentukan beberapa ukuran kisi untuk beradaptasi dengan perangkat dan layar utama.
Bootstrap tiba -tiba akan mengubah jaringannya saat Anda mengubah lebar browser.
Foundation akan secara fleksibel beradaptasi dengan lebar browser saat ini. Ini adalah metode teknis baru. Saat secara otomatis beradaptasi, ia dapat melakukan efek yang sama dengan transformator.
Foundation memiliki dua poin penting ketika jaringan berubah: kecil, sedang dan besar. Semua operasi hanya dikurangi dan diperbesar dan disesuaikan dengan lebar browser saat ini. Ukuran layar yang telah ditentukan tidak diperlukan, dan alasan yang lebih penting adalah Anda didorong untuk mendefinisikan gaya yang berbeda berdasarkan ukuran layar.
Menggunakan bootstrap, Anda mendapatkan mesh tetap atau berlipat ganda, yang berarti Anda perlu mengatur atau tidak lebar yang telah ditentukan untuk wadah mesh.
Dengan fondasi dan sass, Anda dapat secara bebas menyesuaikan ukuran kisi terbesar (yang sedang dan kecil dihitung secara otomatis), jumlah kolom untuk layar besar, dan jumlah kolom untuk layar kecil.
4. Perangkat seluler lebih disukai vs perangkat seluler juga didukung
Foundation dirancang dengan ada layar empat sudut dalam pikiran. Bootstrap dirancang dengan pra-dibagi lagi menjadi: ponsel, tablet, desktop, dan desktop dengan layar besar .
Membangun situs web mobile-first yang mendukung perangkat seluler berarti tentu saja tersedia di layar yang lebih besar. Jadi, Foundation mendorong Anda untuk melakukan ini: Mobile-First.
Jika Anda menggunakan mixin kueri media sass foundation, Anda akan menemukan bahwa tidak ada permintaan media khusus untuk menanyakan apa perangkat seluler, tetapi Anda menggunakan kueri media untuk menentukan bagaimana itu harus ditampilkan pada layar yang lebih besar.
Jika Anda pertama kali mempertimbangkan komputer desktop saat merancang sesuatu, Anda mungkin menghadapi masalah besar saat mendukung layar yang lebih kecil. Jika Anda pertama kali mempertimbangkan ponsel Anda, Anda akan fokus pada apa yang paling penting bagi pengguna dan meningkatkan rasa ruang Anda.
5. Komunitas
Bootstrap memiliki komunitas yang lebih besar. Dan dengan fondasi Anda harus lebih mandiri.
Sorotan besar Bootstrap adalah komunitas. Ini adalah yang sangat besar, termasuk semua, dan Anda dapat menemukan hampir semua yang Anda inginkan.
Jika Anda memilih fondasi, kemandirian mungkin merupakan sesuatu yang harus Anda kuasai. Hampir semua solusi untuk Bootstrap, dan Anda hanya dapat membangun sendiri.
sebagai kesimpulan
Tanyakan kepada diri sendiri beberapa pertanyaan:
Apakah Anda ingin sesuatu menjadi lebih bermanfaat atau membuatnya lebih seperti hidup?
Apakah Anda ingin mengatur CSS Anda sendiri dan menjadikannya komponen yang mendasarinya?
Jawabannya adalah: Bootstrap. Fondasi .
Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan 3 topik menarik kepada Anda:
Tutorial Pembelajaran Bootstrap
Tutorial Praktis Bootstrap
Tutorial Penggunaan Plug-In Bootstrap
Apakah ini perbandingan yang menarik? Saya harap akan sangat membantu bagi semua orang untuk memahami kerangka kerja front-end Bootstrap 3 dan Foundation 5.