5 alternatif selain Open Source Bootstrap

Kami terus berubah dan cara melakukan sesuatu telah disederhanakan untuk pengembang aplikasi web. Meskipun banyak yang lebih suka membuat kodenya sendiri, memang benar bahwa ada alat yang membuat hidup kita lebih mudah dan memungkinkan kita untuk menerapkan proyek dengan cepat.

Mungkin di ekosistem FrontEnd, kerangka kerja CSS / JS yang paling populer dan digunakan belakangan ini adalah Bootstrap dengan alasan yang tepat. Bootstrap mungkin yang paling lengkap dibandingkan dengan kompetisi dan mereka memiliki pilihan untuk hampir semua hal, tetapi ini bukan satu-satunya, dan dalam soal selera, bahkan bukan yang terindah.

Mencari di internet untukku Saya menemukan daftar dengan beberapa CSS / JS Frameworks paling populer dan yang terpenting, open source, yang dapat kita gunakan untuk proyek pribadi kita. Namun dalam hal ini saya hanya akan menyebutkan 5 yang menurut saya paling menarik. Mari kita mulai:

Mantel

Mantel

Yang satu ini secara khusus tidak mengenalnya. Diluncurkan oleh Adobe®, ini adalah kerangka kerja yang berfokus terutama pada penyediaan apa yang diperlukan untuk membuat aplikasi web untuk semua perangkat. Di antara fitur utamanya adalah:

  • Itu cepat.
  • Tema dapat disesuaikan.
  • Ikon sendiri.
  • Sumber Sans Pro, sumber OpenSource dari Adobe.

Mantel

perangkat UI

uikit

Dari apa yang dapat dilihat, UIkit adalah salah satu saingan terkuat Bootstrap dan sebagai data diferensial, ia menambahkan serangkaian komponen yang tidak ditambahkan oleh kerangka kerja Twitter secara default, atau sekadar meningkatkannya.

UIkit

UI semantik

UI semantik

Saingan Bootstrap lain yang layak untuk dipertimbangkan, karena tidak hanya menyediakan komponen baru, tetapi kita dapat memilih di antara beberapa gaya / tema untuk mereka. Kita dapat memilih tombol-tombol tersebut misalnya serupa atau sama dengan yang ada di GMail, Github, Amazon, Google Material, Bootstrap, Twitter, dan lain-lain.

UI semantik

INK

INK

Kandidat lain yang sangat bagus untuk dipertimbangkan. INK juga memberi kita komponen baru atau dengan desain dan fungsionalitas yang sedikit berbeda dari yang kita temukan di Bootstrap.

INK

Metro UI

MetroUI

Jika kami ingin melakukan sesuatu yang lebih dekat dengan pengguna Windows, maka Metro UI adalah salah satu varian yang kami miliki. Dan saya katakan satu, karena jika kita melihat sedikit, kita akan menemukannya opsi lain untuk Bootstrap itu sendiri.

Metro UI

Kesimpulan

Bergantung pada kebutuhan dan tujuan kita, kita memiliki beberapa alternatif seperti yang telah kita lihat. Meskipun saya hanya menyebutkan 5 yang saya anggap, mereka yang paling lengkap, masih banyak lagi yang bisa Anda lihat di daftar yang saya sebutkan di awal. Juga dapat dilihat bahwa banyak dari mereka telah mengambil ide dari Bootstrap dan bahkan memperbaikinya dan bahwa perusahaan seperti Adobe bergabung dengan inisiatif untuk membuat alat jenis ini untuk meningkatkan pekerjaan kami.

Jika kita memiliki pengetahuan yang diperlukan, mungkin kita bahkan bisa mencampur beberapa di antaranya mengambil apa yang kita butuhkan. Pilihan ada di tangan Anda.


tinggalkan Komentar Anda

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai dengan *

*

*

  1. Penanggung jawab data: Miguel Ángel Gatón
  2. Tujuan data: Mengontrol SPAM, manajemen komentar.
  3. Legitimasi: Persetujuan Anda
  4. Komunikasi data: Data tidak akan dikomunikasikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Basis data dihosting oleh Occentus Networks (UE)
  6. Hak: Anda dapat membatasi, memulihkan, dan menghapus informasi Anda kapan saja.

  1.   pemburu dijo

    Anda melewatkan kontribusi Yahoo: CSS Murni, ini berfokus pada minimalis dan ringan.

    Murni sangat kecil. Seluruh rangkaian modul masuk pada 4.0KB * diperkecil dan di-gzip. Dibuat dengan mempertimbangkan perangkat seluler, penting bagi kami untuk menjaga ukuran file kami tetap kecil, dan setiap baris CSS dipertimbangkan dengan cermat. Jika Anda memutuskan untuk hanya menggunakan subset dari modul ini, Anda akan menghemat lebih banyak byte.

    http://purecss.io/

    1.    hidup dijo

      Ya, Pure adalah sebuah pilihan, tetapi terlepas dari ukurannya, dari kriteria saya yang sangat khusus, itu tidak selengkap yang disebutkan di atas.

      1.    pemburu dijo

        Yang saya suka tentang Pure adalah ia memberi Anda dasar-dasar dan sangat cepat untuk dipelajari dan diterapkan, Anda dapat menggunakannya di situs dan memberi Anda ruang untuk melakukan sesuatu yang orisinal, Anda tidak bootstrapifikasi seperti kebanyakan.

  2.   JoZ3 dijo

    Sobat, saya pikir Anda telah meninggalkan salah satu pesaing hebat Bootstrap… Foundation

    1.    hidup dijo

      Memang benar ... Fundation melewati saya, yang merupakan salah satu yang terhebat, mungkin pesaing terbesar Bootstrap dari apa yang mereka katakan.

      1.    tikus membunuh dijo

        Sobat, aku merindukanmu satu materi penting. Bersulang

      2.    marcos dijo

        Foundation adalah kerangka kerja terbaik untuk desain antarmuka, terlengkap dan paling serbaguna, dan merupakan pesaing hebat untuk bootstrap, meskipun bootstrap tidak mencapai sol sepatu Anda.

  3.   pirang dijo

    Sangat menarik, saya tidak mengenal mereka. Saya juga terkejut tidak melihat fondasi dalam daftar itu.

    1.    rlsalgueiro.dll dijo

      sebenarnya situs link yang meninggalkan pondasi ini pada awalnya yang tidak diragukan lagi adalah salah satu pesaing terkuat.

  4.   Raphael Mardechai dijo

    Saya akan mulai memikirkan lebih banyak tentang kerangka kerja ini untuk beberapa perkembangan, untuk saat ini saya menulis semua situs web responsif dari 0, seratus lebih kesenangan saat menulis semuanya Xd

  5.   Celsius dijo

    Pada akhirnya mereka semua sama. Huruf besar yang bagus dengan latar belakang putih

  6.   kik1n dijo

    Aturan BackEnd 😀

  7.   gabriel dijo

    Yang benar adalah saat ini, posting ini sangat baik untuk saya, terima kasih 😉

  8.   keluar 19 dijo

    Saya menggunakan semantik ui dan tidak begitu intuitif untuk dikatakan

  9.   Alberto Carlos Webb Ozz dijo

    Tanpa Materialize, atau Foundation, daftar ini omong kosong.

    1.    hidup dijo

      Kenapa bilang siapa? Di manakah tertulis bahwa keduanya harus secara spesifik? Jika Anda membaca komentar (sesuatu yang tampaknya belum Anda lakukan), Anda akan melihat bahwa saya mengakui bahwa saya kehilangan Yayasan, tetapi daftar yang Anda lihat di artikel ini didasarkan pada penghargaan saya, dan Anda tidak harus menyetujuinya, tetapi Anda tidak harus mengatakan bahwa itu adalah sampah.

  10.   kamisama666 dijo

    Halo, artikel yang sangat bagus. Tetapi saya ingin memberi tahu Anda bahwa tampaknya seseorang telah menyalinnya di situs web mereka tanpa mencerminkan sumber aslinya. Saya tidak tahu bagaimana Anda menangani masalah ini, tetapi saya pikir Anda ingin tahu. Tautannya adalah: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    Sebuah ucapan.

    1.    hidup dijo

      Ya, hal itu wajar terjadi. Saya telah menghubungi mereka yang bertanggung jawab atas situs 😉

  11.   Yuri Jajitzky dijo

    Kontribusi luar biasa! Bootstrap tentu saja membuka pintu bagi orang-orang seperti saya yang pandai di backend tetapi buruk di frontend di css untuk memberikan produk yang tampak layak. Mungkin itu bukan cara yang benar di mana mereka seharusnya menyebutkannya, tetapi saya setuju bahwa daftar ini tidak memiliki MaterializeCSS; kerangka kerja yang ringan dan kuat, dengan tampilan desain material dan kurva pembelajaran yang paling indah. Dalam 10 menit saya dapat mengatur antarmuka yang sangat bagus berkat kerangka kerja ini. Dokumentasinya sangat sederhana sehingga dibandingkan dengan bootstrap membuatnya terlihat seperti teknik dirgantara. Jadi saya sarankan untuk melihat Materialize (materializecss.com). Bersulang!