Beranda » Toolkit » 10 Alternatif Ringan Untuk Bootstrap & Alas Bedak

    10 Alternatif Ringan Untuk Bootstrap & Alas Bedak

    Memilih kerangka kerja yang tepat yang sangat cocok untuk proyek Anda mungkin sedikit berlebihan - ada banyak pilihan. Mungkin, Anda ingin memilih yang populer seperti Bootstrap atau Foundation, tetapi jika situs web Anda akan menjadi pilihan yang cukup sederhana, Anda tidak akan membutuhkan sebagian besar bahan bangunan dan material termasuk dalam paket default.

    Berita baiknya adalah ada beberapa alternatif yang jauh lebih ramping daripada Bootstrap atau Foundation. Sebagian besar kerangka kerja ini disertakan bersama jumlah gaya dan komponen yang tepat untuk membantu Anda memulai, sambil memungkinkan Anda untuk dapat memperluas mereka ke arah yang Anda inginkan untuk proyek Anda.

    Di sini adalah 10 alternatif ringan untuk Bootstrap dan Foundation yang harus Anda gunakan untuk membangun situs web skala kecil.

    Lebih banyak tentang Hongkiat.com:

    • Memulai dengan Bootstrap Twitter
    • Menggunakan Bootstrap 3 Dengan Sass
    • Alat Bootstrap: Membuat Layout Bootstrap HTML
    • Bekerja dengan Plugin Bootstrap: Modal Window
    • Alat Bootstrap: Bangun Megamenu dengan YAMM3

    1. Kerangka

    Skeleton akhirnya mendapatkan facelift. Ini adalah perubahan total dari bawah ke atas, namun masih seringan dulu. Sistem jaringan Skeleton yang baru sekarang mengadopsi mobile-first philosphy, yang memastikan bahwa tata letak menjadi pusat perhatian terlepas dari seberapa kecil layar perangkat..

    Semua komponen yang dimasukkan dalam versi sebelumnya - tombol, form dan elemen input - masih ada tetapi gaya tipografi dasar sekarang diatur dalam rem satuan.

    2. CardinalCSS

    CardinalCSS adalah kerangka kerja CSS yang dibangun dengan fokus pada kinerja, keterbacaan, dan yang paling penting pemeliharaannya. CardinalCSS mengadopsi beberapa pendekatan modern seperti mobile-first untuk membentuk grid; dan Model Kotak CSS yang memungkinkan Anda untuk dengan mudah menentukan lebar dan tinggi elemen.

    CardinalCSS juga dilengkapi dengan beberapa kelas pembantu yang memungkinkan Anda untuk menerapkan gaya dengan cepat pada suatu elemen, misalnya, jatuhkan topi yang menerapkan efek drop-cap untuk karakter pertama dalam paragraf.

    3. ConciseCSS

    ConciseCSS adalah kerangka kerja CSS - tanpa mengasapi. Ini adalah kerangka kerja ramping yang dibangun di atas Sass, KURANG, dan Stylus yang membuka jalan emas menuju pemeliharaan CSS. Tetapi, jika Anda lebih suka CSS vanilla sederhana, Anda dapat memilikinya juga.

    Demikian pula, ConciseCSS juga dilengkapi dengan gaya dasar untuk elemen-elemen penting seperti judul, paragraf, tabel, formulir, dan seperangkat kelas pembantu untuk membuat tombol UI.

    4. PowertoCSS

    PowertoCSS adalah kerangka kerja frontend yang ringan dan solid. Nama kelas yang digunakan untuk membangun kisi dan menerapkan gaya yang sederhana dan mudah diingat mis. .tombol. Anda juga dapat menambahkan tema Anda sendiri. Buka StarterKit mereka untuk memulai.

    5. Sembunyi-sembunyi

    Furtive adalah kerangka kerja CSS seluler pertama yang dibangun di sekitar standar web mutakhir seperti penggunaan Flexbox untuk jaringan dan rem unit untuk elemen ukuran (termasuk ukuran font). Furtive mempertahankan jejak CSS kecil dengan tidak mendukung browser yang lebih lama (* cough * Internet Explorer) karena mereka memerlukan beberapa peretasan CSS. Karenanya Furtive adalah kerangka kerja yang sempurna jika Anda merancang situs web untuk masa depan.

    6. BassCSS

    BassCSS menawarkan serangkaian ringan elemen gaya dasar, utilitas, tata letak, dan gaya warna, dalam bentuk modular untuk membangun aplikasi web yang responsif. File SCSS disertakan untuk menyesuaikan gaya dengan mudah. Anda dapat bermain dengan tipografi, ruang putih, breakpoints, dan elemen UI.

    7. Mueller

    Mueller adalah sistem grid responsif modular yang dibangun di atas Sass dan Kompas. Dengan Mueller, Anda dapat membangun kisi dengan menambahkan kelas langsung ke elemen HTML, atau jika Anda lebih suka elemen HTML rapi dan bersih, menggunakan kisi() fungsi. Grid Mueller dapat digunakan bersama dengan pustaka Masonry Javascript untuk membuat tata letak seperti Pinterest.

    8. Tuktuk

    Tuktuk adalah nama yang sangat unik untuk sebuah framework. Dibandingkan dengan Bootstrap atau Foundation, Tuktuk jauh lebih ringan karena hanya dilengkapi dengan jumlah komponen yang tepat untuk membangun situs web yang rapi termasuk untuk sistem grid, gaya dasar untuk tipografi, tabel, dan beberapa UI seperti navbar dan modals.

    9. Basis

    Basis dibangun di atas KURANG dan Sass, dan itu hanya mencakup komponen yang paling penting untuk membangun situs web: kisi dan gaya dasar elemen HTML. Base tidak datang dengan komponen Javascript, namun ia memberikan kompatibilitas browser yang luar biasa sehingga ia bekerja bahkan dengan IE7.

    10. Bersulang

    Yang terakhir dari daftar kami adalah Toast. Melalui stylesheet SCSS yang termasuk dalam paket, Toast memungkinkan Anda untuk dengan mudah mengkonfigurasi nama kelas grid, selokan, dan bahkan basis kolom. Misalnya, jika Anda ingin kisi menjadi kolom 9-dasar bukan 12, Anda bisa melakukannya. Toast adalah kerangka kerja CSS minimal dengan konfigurasi yang sangat fleksibel untuk memenuhi kebutuhan Anda.