5 alternatif untuk Bootstrap sumber terbuka

Kami sentiasa berubah dan cara melakukan sesuatu telah dipermudahkan untuk pembangun aplikasi web. Walaupun ramai yang lebih suka membuat kod mereka sendiri, memang benar bahawa ada alat yang menjadikan hidup kita lebih mudah dan membolehkan kita menggunakan projek dengan cepat.

Mungkin dalam ekosistem FrontEnd, kerangka CSS / JS yang paling popular dan digunakan sejak kebelakangan ini adalah Bootstrap dengan alasan yang sewajarnya. Bootstrap mungkin yang paling lengkap dibandingkan dengan persaingan dan mereka mempunyai pilihan untuk hampir semua perkara, tetapi itu bukan satu-satunya, dan dalam soal rasa, bahkan yang paling indah.

Mencari di internet untuk saya Saya menjumpai senarai dengan beberapa Kerangka Kerja CSS / JS yang paling popular dan yang paling penting, sumber terbuka, yang boleh kita gunakan untuk projek peribadi kita. Tetapi dalam kes ini saya hanya akan menyebutkan 5 yang saya anggap paling menarik. Mari kita mulakan:

kot atas

kot atas

Yang ini khususnya tidak mengenalnya. Dilancarkan oleh Adobe®, ini adalah kerangka yang berfokus terutama pada penyediaan apa yang diperlukan untuk membuat aplikasi web untuk semua peranti. Antara ciri utamanya ialah:

  • Ia pantas.
  • Tema boleh disesuaikan.
  • Ikon sendiri.
  • Source Sans Pro, sumber OpenSource dari Adobe.

kot atas

UIkit

Uikit

Dari apa yang dapat dilihat, UIkit adalah salah satu saingan Bootstrap yang paling kuat dan sebagai data pembezaan, ia menambahkan rangkaian komponen yang tidak ditambahkan oleh kerangka Twitter secara lalai, atau hanya memperbaikinya.

UIKit

UI semantik

SemantikUI

Satu lagi saingan Bootstrap yang layak dipertimbangkan, kerana ia tidak hanya menyediakan komponen baru, tetapi kita dapat memilih antara beberapa gaya / tema untuknya. Kita boleh memilih bahawa butang misalnya serupa atau sama dengan butang GMail, Github, Amazon, Google Material, Bootstrap, Twitter, antara lain.

UI semantik

INK

INK

Calon lain yang sangat baik untuk dipertimbangkan. INK juga menyediakan komponen baru atau reka bentuk dan fungsi yang sedikit berbeza daripada yang kita dapati di Bootstrap.

INK

UI Metro

MetroUI

Sekiranya kita ingin melakukan sesuatu yang lebih dekat dengan pengguna Windows, maka Metro UI adalah salah satu varian yang kita ada. Dan saya katakan satu, kerana jika kita melihat sedikit, kita dapati pilihan lain untuk Bootstrap itu sendiri.

UI Metro

Kesimpulan

Bergantung pada keperluan dan objektif kita, kita mempunyai beberapa alternatif seperti yang telah kita lihat. Walaupun saya hanya menyebutkan 5 yang saya anggap, mereka adalah yang paling lengkap, ada banyak lagi yang dapat anda lihat dalam senarai yang saya nyatakan pada awalnya. Juga dapat dilihat bahawa banyak dari mereka telah mengambil idea dari Bootstrap dan bahkan memperbaikinya dan bahawa syarikat seperti Adobe bergabung dengan inisiatif untuk membuat jenis alat ini untuk meningkatkan pekerjaan kita.

Sekiranya kita mempunyai pengetahuan yang diperlukan, mungkin kita dapat mencampurkan beberapa dari mereka mengambil apa yang kita perlukan. Pilihannya adalah milik anda pula.


Tinggalkan komen anda

Alamat email anda tidak akan disiarkan. Ruangan yang diperlukan ditanda dengan *

*

*

  1. Bertanggungjawab atas data: Miguel Ángel Gatón
  2. Tujuan data: Mengendalikan SPAM, pengurusan komen.
  3. Perundangan: Persetujuan anda
  4. Komunikasi data: Data tidak akan disampaikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Pangkalan data yang dihoskan oleh Occentus Networks (EU)
  6. Hak: Pada bila-bila masa anda boleh menghadkan, memulihkan dan menghapus maklumat anda.

  1.   penipu kata

    Anda terlepas sumbangan Yahoo: CSS Murni, ia memberi tumpuan kepada minimalisme dan ringan.

    Murni sangat kecil. Keseluruhan set modul jam pada 4.0KB * dikurangkan dan dizip. Dibuat dengan mempertimbangkan peranti mudah alih, penting bagi kami untuk memastikan saiz fail kami tetap kecil, dan setiap baris CSS dipertimbangkan dengan teliti. Sekiranya anda memutuskan untuk hanya menggunakan subkumpulan modul ini, anda akan menjimatkan lebih banyak bait.

    http://purecss.io/

    1.    meriah kata

      Ya, Murni adalah pilihan, tetapi walaupun ukurannya, dari kriteria saya yang sangat khusus, itu tidak lengkap seperti yang disebutkan di atas.

      1.    penipu kata

        Apa yang saya sukai tentang Murni adalah bahawa ia memberi anda asas-asas dan sangat cepat untuk dipelajari dan dilaksanakan, anda boleh menggunakannya di laman web dan ia memberi anda ruang untuk melakukan sesuatu yang asli, anda tidak "bootstrapified" seperti kebanyakan.

  2.   JoZ3 kata

    Kawan, saya rasa anda telah meninggalkan salah satu saingan hebat Bootstrap… Foundation

    1.    meriah kata

      Memang benar ... Pembiayaan dilalui oleh saya, yang merupakan salah satu yang terbaik, mungkin pesaing terbesar Bootstrap dari apa yang mereka katakan.

      1.    membunuh tikus kata

        Kawan Saya merindui anda satu materializecss penting. Sorakan

      2.    Marcos kata

        Foundation adalah kerangka terbaik untuk reka bentuk antara muka, yang paling lengkap dan paling serba boleh, dan merupakan pesaing yang hebat untuk bootstrap, walaupun bootstrap tidak sampai ke kasut.

  3.   berambut perang kata

    Sangat menarik, saya tidak mengenali mereka. Saya juga terkejut kerana tidak melihat asas dalam senarai itu.

    1.    rlsalgueiro kata

      sebenarnya laman pautan yang meninggalkan pada asas ini asas bahawa tanpa ragu-ragu adalah salah satu pesaing terkuat.

  4.   Raphael Mardechai kata

    Saya akan mula memikirkan kerangka kerja ini untuk beberapa perkembangan, buat masa ini semua laman web responsif yang saya tulis dari 0, seratus lebih keseronokan ketika menulis semuanya Xd

  5.   celsius kata

    Pada penghujung hari mereka semua sama. Huruf besar yang besar pada latar belakang putih

  6.   kik1n kata

    Peraturan BackEnd 😀

  7.   Gabriel kata

    Yang benar adalah bahawa pada masa ini, siaran ini sangat baik untuk saya, terima kasih 😉

  8.   keluar19 kata

    Saya menggunakan semantik ui dan tidak begitu intuitif untuk mengatakannya

  9.   Alberto Carlos Webb Ozz kata

    Tanpa Materialize, atau Foundation, senarai ini omong kosong.

    1.    meriah kata

      Kenapa kata siapa? Di manakah tertulis bahawa kedua-duanya harus dibuat secara khusus? Sekiranya anda membaca komen (sesuatu yang nampaknya belum anda lakukan) anda akan melihat bahawa saya mengakui bahawa saya kehilangan Yayasan, tetapi senarai yang anda lihat dalam artikel ini adalah berdasarkan penghargaan saya, dan anda tidak perlu menyetujuinya , tetapi anda tidak perlu mengatakan bahawa ia adalah sampah.

  10.   kamisama666 kata

    Helo, artikel yang sangat baik. Tetapi saya ingin memberitahu anda bahawa nampaknya seseorang telah menyalinnya di laman web mereka tanpa menunjukkan sumber asalnya. Saya tidak tahu bagaimana anda menangani perkara ini, tetapi saya fikir anda ingin tahu. Pautan adalah: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    Sesuatu ucapan.

    1.    meriah kata

      Ya, itu perkara biasa berlaku. Saya sudah menghubungi mereka yang bertanggungjawab untuk laman web ini 😉

  11.   Yury Jajitzky kata

    Sumbangan yang sangat baik! Bootstrap tentunya membuka pintu bagi orang-orang seperti saya yang pandai menggunakan backend tetapi buruk di frontend dalam css untuk memberikan produk yang kelihatan baik. Mungkin itu bukan cara yang betul di mana mereka seharusnya menyebutnya tetapi saya bersetuju bahawa senarai ini tidak ada MaterializeCSS; rangka kerja yang ringan dan kuat, dengan penampilan reka bentuk bahan dan keluk pembelajaran yang paling indah. Dalam 10 minit saya dapat menyiapkan antara muka yang sangat bagus berkat rangka kerja ini. Pendokumentasiannya sangat mudah sehingga dibandingkan dengan bootstrap menjadikannya seperti kejuruteraan aeroangkasa. Oleh itu, saya cadangkan untuk melihat Materialize (materializecss.com). Salam!