Rangka kerja adalah salah satu alat pemaju depan yang berguna untuk pembangunan yang lebih cepat dan lebih baik. Dengan rangka kerja, anda boleh membina tapak web yang berstruktur, mapan dan dapat ditingkatkan dengan baik . Ia juga membantu anda menjimatkan banyak pada masa anda kerana terdapat banyak elemen sedia ada yang boleh anda gunakan.
Kini, jumlah rangka kerja telah meningkat dengan pesat, dan seperti yang anda ketahui, Bootstrap dari Twitter berada di kedudukan teratas. Untuk membantu anda memilih rangka kerja yang paling sesuai untuk digunakan, kami telah menyenaraikan kerangka kerja terbaik 21+ untuk hari ini untuk alternatif Bootstrap . Mereka menawarkan ciri unik dan menggoda yang berbeza antara satu sama lain. Checkout!
1. Murni
Jika anda merancang untuk membina aplikasi web yang berfungsi pada desktop dan mudah alih, maka anda harus mempertimbangkan untuk menggunakan Murni dari Yahoo. Murni mempunyai prestasi yang lebih baik ketika datang ke peranti mudah alih daripada Bootstrap. Seperti namanya, Pure datang sebagai kerangka CSS tulen sahaja. Bina di atas Normalize.css, Tulisan mempunyai saiz fail yang sangat kecil dengan hanya 4.5KB (minified and gzip) .
2. Kit UI
UIkit adalah kerangka depan bebas, ringan dan modular. Dibangunkan dengan KURANG, UIkit mempunyai kod berstruktur, diperkembangkan dan dipelihara dengan baik. Ia juga menawarkan sistem grid yang responsif, cecair dan nestable. Dengan UIkit anda boleh membina navigasi, butang, modal, jatuh turun dan lebih responsif. Dokumentasi komprehensifnya akan menjadikan anda lebih mudah untuk memulakan dengan UIkit.
3. MontageJS
MontageJS adalah kerangka depan terbuka sumber terbuka khusus untuk mewujudkan Aplikasi Single-Page moden (SPA) . Dengan menggunakan asas banyak aplikasi kerangka terbukti, Montage akan mempermudahkan proses pembangunan anda sementara kod ekspresif HTML masih dapat dipelihara. Dengan MontageJS, anda boleh menyegerakkan kemas kini DOM untuk pengalaman pengguna yang lebih lancar, membina dan memanjangkan komponen UI yang boleh digunakan semula dan banyak lagi.
4. Kerja asas
Kerja asas adalah kerangka depan yang ringan, fleksibel dan responsif dicipta & diselenggarakan oleh Gary Hepting . Dibina di atas Sass dan Compass, Groundwork menawarkan sistem grid yang hebat yang fleksibel, cair dan nestable . Dengan sistem gridnya, anda boleh membina sebarang susun atur susun atur yang sesuai dengan saiz skrin mana saja.
5. Gumby
Gumby adalah rangka kerja yang fleksibel dan responsif yang dibina dengan kuasa Sass untuk pembangunan web yang lebih pantas. Pengubahsuaiannya membolehkan anda dengan mudah menala dan menyesuaikan keseluruhan reka bentuk kit UI untuk memenuhi keutamaan anda yang terbaik. Gumby mempunyai pelbagai jenis grid dengan variasi lajur yang berbeza, tetapi secara lalai, Gumby dilengkapi dengan 960 sistem grid.
6. Boilerplate HTML5
Sama seperti namanya, HTML5 Boilerplate menyediakan anda template siap HTML5 yang telah dioptimumkan untuk memenuhi ciri-ciri baru HTML yang paling standard. Dengan menggunakan templat ini, anda boleh membuat laman web yang cepat, teguh dan responsif yang dapat menyesuaikan diri dengan sebarang jenis penyemak imbas, bahkan yang lama seperti Internet Explorer.
7. Skeleton
Skeleton adalah rangka kerja CSS ringan yang menggunakan sistem grid 12-kolom. Tidak seperti Bootstrap atau Yayasan, Skeleton memberikan anda beberapa komponen fundamental seperti butang, senarai, jadual, borang yang bertujuan untuk memulakan proses pembangunan anda.
8. Bootflat
Bootflat adalah rangka kerja CSS sumber terbuka yang dibina dengan Bootstrap 3. Berkuasa Bootflat direka bentuk untuk mewujudkan reka bentuk web rata yang menakjubkan dengan cara yang lebih cepat, mudah dan kurang berulang . Oleh itu, Kit UI dilengkapi pakej antara muka pengguna JPA yang cantik yang boleh anda gunakan di tapak web, projek iOS atau Android anda.
9. Inuit
Inuit.css adalah satu lagi kerja keluarga CSS yang hebat yang memberi tumpuan kepada pendekatan Mobile First dan meninggalkan semua reka bentuk kepada anda. Walaupun banyak kerangka lain yang datang dengan reka bentuk CSS mereka sendiri, Inuit.css, bagaimanapun, tidak. Inuit.css berfungsi dalam OOCSS (Objek Berorientasikan CSS) yang merupakan kaedah cepat, berskala dan boleh dipelihara untuk menulis CSS boleh diguna semula.
10. 960 Sistem Grid
Sistem Grid 960 ialah rangka kerja front-end yang boleh menyelaraskan aliran kerja pembangunan web anda berdasarkan kontena lebar 960px. Kontena kemudiannya boleh dihiris ke dalam 12, 16 atau bahkan 24 tiang untuk memudahkan meletakkan kandungan.
11. Menyatukan
Dibina berdasarkan prinsip-prinsip Reka Bentuk Bahan Google, Materialize telah datang sebagai kerangka depan yang responsif moden. Rangka kerja ini sangat sesuai untuk mereka yang ingin melaksanakan reka bentuk Bahan dan merasakan ke dalam laman web mereka tanpa sebarang kerumitan. Ia mempunyai reka bentuk kad, animasi kesan riak, mixer Sass, seret menu mudah alih dan banyak lagi.
12. Jeet
Jeet adalah sistem grid yang cepat, fleksibel dan paling maju yang terdapat pada hari ini. Jeet membantu anda membina grid dengan cepat dengan cara yang sangat intuitif dan bersih. Ia menyokong hampir semua pelayar moden dan lama.
13. Susy
Susy adalah sistem grid automatik yang dapat membantu anda membina susunatur web dalam apa jua jenis lajur yang anda inginkan. Ia memberi anda kebebasan dan kefleksibelan untuk membina reka bentuk pilihan anda. Ia dapat mengendalikan sama ada reka bentuk anda mempunyai 5, 12, 24, 48 atau lajur tidak sama rata.
14. Metro UI
UI UI adalah rangka kerja berasaskan 12-grid yang diilhamkan oleh antara muka gaya Windows 8 Metro. Ia sangat mudah digunakan dan mempunyai gaya dengan sekumpulan komponen biasa seperti butang, jubin, menu, pemetik tarikh dan banyak lagi. Terdapat juga Portal Portal Berita untuk memudahkan anda memulakannya.
15. HTML KickStart
HTML KickStart adalah HTML ultra-lean, CSS dan Javascript boilerplate untuk pembangunan web yang sangat cepat. HTML KickStart dibangunkan berdasarkan Twitter Bootstrap dengan sokongan ikon dari Font Awesome. Dengan menu siap, senarai, jadual, butang, sistem grid dan banyak unsur hebat, anda akan menyimpan proses pembuatan projek web anda sehingga 10 jam atau lebih.
16. Grid Mudah
Grid Mudah adalah sistem grid yang sangat ringan dan responsif. Ia tidak seperti kerangka lain yang mempunyai butang mewah, menu, meja, dan lain-lain, Grid Mudah menawarkan hanya grid tulen. Ciri grid didasarkan pada saiz skrin 1140 px dengan 12 lajur yang boleh anda sediakan untuk mendapatkan susun atur terbaik anda.
17. Yayasan
Yayasan kemungkinan besar adalah saingan yang paling sukar untuk Twitter Bootstrap. Ia didokumenkan dengan baik, stabil, fleksibel dan sumber terbuka kerangka depan. Ia mempunyai banyak alat yang berguna untuk mewujudkan lebih cepat, projek web mudah alih pertama. Ia menyokong hampir semua penyemak imbas yang tersedia hari ini, kecuali untuk IE7. Walaupun kebanyakan pemaju kebanyakan menggunakan Yayasan untuk HTML dan CSS sahaja, tetapi anda mempunyai pilihan untuk mengalihkannya dengan Sass dan Rails .
18. Bahan UI
UI Bahan adalah satu lagi rangka kerja yang melaksanakan spesifikasi Reka Bentuk Bahan . Satu-satunya perkara yang membezakannya daripada Materialize adalah ia dibina oleh cita-cita perpustakaan React Javascript dari Facebook. Ia mempunyai banyak komponen UI yang indah yang boleh anda gunakan dengan bebas di laman web anda.
19. Topcoat
TopCoat adalah rangka kerja depan yang mantap yang dibuat oleh pasukan Adobe untuk membangunkan aplikasi web yang direka dengan kelajuan dalam fikiran. Setiap butiran dalam TopCoat dioptimumkan untuk keutamaan prestasi. Ia juga menawarkan anda dengan tema disesuaikan, font sumber terbuka dan juga Kit UI JPA untuk digunakan dengan projek anda.
20. Dakwat
Dakwat adalah kerangka depan yang dikembangkan untuk pembangunan UI yang lebih cepat menggunakan HTML, CSS dan Javascript, seperti Bootstrap. Anda boleh membuat susunatur moden dengan mudah dengan beberapa elemen antara muka yang boleh diguna semula seperti jadual, tab, pemilih data, modal, senarai disusun, paparan pokok, galeri, pengesah borang dan banyak lagi. Ia juga membolehkan anda mempunyai manipulasi DOM, kemudahan komunikasi dan kesan halaman mewah dengan enjin JS Core.
21. UI Onsen
UI Onsen adalah rangka kerja hibrid yang berfungsi dengan baik dengan PhoneGap dan Cordova. Dengan AngularJS, jQuery, Font Awesome dan TopCoat sebagai asas, Onsen UI boleh menjadi alat yang menjanjikan untuk membangun aplikasi mudah alih yang menakjubkan. UI Onsen boleh membantu anda membina aplikasi mudah alih dengan mudah menggunakan konsep Komponen Web.
Yang mana lagi alternatif Bootstrap kegemaran anda? Beri tahu kami dalam ulasan di bawah.
