Laman » Toolkit » 10 Alternatif Ringan Untuk Bootstrap & Foundation

    10 Alternatif Ringan Untuk Bootstrap & Foundation

    Memilih rangka kerja yang tepat yang sesuai untuk projek anda mungkin sedikit menggembirakan - ada banyak untuk dipilih. Mungkin, anda ingin pergi dengan pilihan popular seperti Bootstrap atau Yayasan, tetapi jika laman web anda akan menjadi yang agak mudah, anda tidak akan memerlukan sebahagian besar blok bangunan dan bahan termasuk dalam pakej lalai.

    Berita baiknya adalah terdapat segelintir alternatif yang lebih leaner daripada Bootstrap atau Foundation. Kebanyakan rangka kerja ini dengan kapal hanya jumlah yang tepat gaya dan komponen untuk membantu anda memulakan, sambil membolehkan anda dapat memanjangkannya ke arah yang anda mahu untuk projek anda.

    Disini adalah 10 alternatif ringan untuk Bootstrap dan Yayasan yang perlu anda gunakan untuk membina laman web berskala kecil.

    Lebih lanjut mengenai Hongkiat.com:

    • Bermula dengan Twitter Bootstrap
    • Menggunakan Bootstrap 3 Dengan Sass
    • Alat Bootstrap: Membina Layout HTML Bootstrap
    • Bekerja Dengan Plugin Bootstrap: Window Modal
    • Alat Bootstrap: Bina Megamenu dengan YAMM3

    1. Skeleton

    Skeleton akhirnya mendapat facelift. Ia adalah satu pembaharuan dari bawah ke atas, namun ia masih ringan seperti dulu. Sistem grid Skeleton yang baru kini mengamalkan falsafah mudah alih pertama, yang memastikan susun atur mengambil peringkat tengah tanpa mengira betapa kecilnya skrin peranti itu.

    Semua komponen yang dimasukkan ke dalam versi terdahulu - butang, bentuk dan unsur input - masih ada tetapi gaya tipografi asas kini ditetapkan dalam rem unit.

    2. CardinalCSS

    CardinalCSS adalah rangka kerja CSS yang dibina dengan fokus pada prestasi, kebolehbacaan dan pemeliharaan yang paling penting. CardinalCSS mengamalkan beberapa pendekatan moden seperti mudah alih pertama untuk membentuk grid; dan Model Kotak CSS yang membolehkan anda dengan mudah menentukan lebar dan ketinggian elemen.

    CardinalCSS juga dilengkapi dengan segelintir kelas penolong yang membolehkan anda dengan cepat menggunakan gaya pada elemen, sebagai contoh, drop-topi yang menggunakan kesan drop-cap untuk watak pertama dalam perenggan.

    3. ConciseCSS

    ConciseCSS adalah rangka kerja CSS - tanpa kembung. Ia merupakan kerangka tanpa lemak yang dibina di atas Sass, LESS, dan Stylus yang membuka laluan emasnya untuk mengekalkan CSS. Tetapi, jika anda lebih suka CSS vanila sederhana biasa, anda juga boleh mempunyainya.

    Begitu juga, ConciseCSS juga dilengkapi dengan gaya asas untuk elemen penting seperti tajuk, perenggan, jadual, bentuk, dan satu set kelas pembantu untuk membuat UI butang.

    4. PowertoCSS

    PowertoCSS adalah ringan dan rangka depan pepejal. Nama kelas yang digunakan untuk membina grid dan menggunakan gaya mudah dan mudah diingat misalnya. .butang. Anda juga boleh menambah tema anda sendiri. Kepala ke StarterKit mereka untuk bermula.

    5. Furtive

    Furtive adalah rangka kerja CSS pertama mudah alih yang dibina di sekitar standard web canggih seperti penggunaan Flexbox untuk grid dan rem unit untuk elemen ukuran (termasuk saiz fon). Furtive mengekalkan jejak CSS kecil dengan tidak menyokong pelayar lama (* batuk * Internet Explorer) kerana mereka memerlukan beberapa hacking CSS. Oleh itu Furtive adalah rangka kerja yang sempurna jika anda sedang merancang laman web untuk masa depan.

    6. BassCSS

    BassCSS menawarkan set gaya gaya asas, utiliti, susun atur dan gaya warna ringan, dalam bentuk modular untuk membina aplikasi web yang responsif. Fail SCSS disertakan untuk menyesuaikan gaya dengan mudah. Anda boleh bermain dengan tipografi, ruang putih, titik putus, dan elemen UI.

    7. Mueller

    Mueller adalah sistem grid responsif modular yang dibina di atas Sass dan Compass. Dengan Mueller, anda boleh membina grid sama ada dengan menambahkan kelas terus ke elemen HTML, atau jika anda lebih suka elemen HTML anda agar kemas dan bersih, menggunakan grid () fungsi. Grid Mueller boleh digunakan seiring dengan perpustakaan Javascript Masonry untuk membuat susun atur seperti Pinterest.

    8. Tuktuk

    Tuktuk adalah nama yang sangat unik untuk kerangka kerja. Berbanding dengan Bootstrap atau Yayasan, Tuktuk lebih ringan kerana ia hanya datang dengan jumlah komponen yang sesuai untuk membina laman web yang rapi termasuk untuk sistem grid, gaya asas untuk tipografi, jadual, dan beberapa UI seperti navbar dan modal.

    9. Pangkalan

    Asas dibina di atas LESS dan Sass, dan ia hanya termasuk komponen yang paling penting untuk membina laman web: grid dan gaya asas elemen HTML. Asas tidak datang dengan komponen Javascript, tetapi ia menyediakan keserasian pelayar yang hebat sehingga ia berfungsi walaupun dengan IE7.

    10. Roti bakar

    Yang terakhir dari senarai kami adalah Toast. Melalui lembaran gaya SCSS dimasukkan ke dalam pakej, Toast membolehkan anda dengan mudah mengkonfigurasi nama kelas grid, longkang, dan juga ruang lajur. Sebagai contoh, jika anda mahu grid menjadi lajur 9-asas bukan 12, anda boleh melakukannya. Roti bakar adalah rangka kerja CSS minimum dengan konfigurasi yang sangat fleksibel untuk memenuhi keperluan anda.