Vital CSS - Rangka Kerja Web Minimal Invasif

Pindah ke atas sebab Bootstrap ada rangka CSS baru di bandar. Ia dipanggil Vital dan ia menghalang pembangunan frontend ke bawah keperluan penting.

Vital datang dengan hanya CSS dan ada sifar perpustakaan JavaScript atau dependencies. Dan stylesheet Vital.css ialah hanya 31KB diminimumkan, termasuk fon ikon.

Hanya fail CSS Bootstrap sahaja berjumlah kira-kira 118KB. Vital hampir 1/4 saiz Bootstrap! Ia dibina untuk pemaju yang adil memerlukan penyelesaian yang cepat untuk projek seterusnya.

Vital adalah a rangka kerja sumber terbuka sepenuhnya dengan semua kod yang tersedia di GitHub untuk dibaca.

Semuanya dibina dengan Sass untuk CSS dan Slim untuk HTML. Tetapi ini hanya untuk pembangunan, jadi jika anda menggunakan Vital untuk pengeluaran maka anda boleh saja mengeksport CSS tulen secara langsung.

Versi terkini boleh dimuat turun di melepaskan halaman dan ini termasuk Kod CSS bersama dengan fon ikon tersuai. Anda juga akan mendapati banyak demo HTML & CSS dan beberapa dokumentasi asas pada halaman GitHub.

Tetapi barang-barang sebenar boleh didapati di halaman komponen. Ini menyenaraikan semua yang anda dapat dengan Vital, termasuk grid, tipografi, butang, pemuat, jadual, tab, input borang dan banyak lagi.

Tiada ciri-ciri ini bergantung kepada JavaScript, yang merupakan bonus besar. Memang anda boleh berbuat lebih banyak dengan JavaScript tetapi senang untuk tidak bimbang tentang JS semasa menyusun bahagian depan.

Awak boleh recreate any element dari halaman komponen hanya dengan menggunakan kelas CSS. Kelas-kelas ini boleh agak automatik jika anda menggunakan Slim, maka terdapat sedikit kelebihan untuk pengguna Sass / Slim.

Tetapi Vital boleh berfungsi dengan baik untuk pemaju mana-mana dengan beberapa pengalaman HTML / CSS. Ianya adalah benar-benar percuma rangka kerja dan ia lebih ringan daripada alternatif.

Untuk mengetahui lebih lanjut, lihat halaman utama Vital atau skim artikel ini yang ditulis oleh pencipta Vital mengapa mereka membuat kerangka kerja dan masalah yang dimaksudkan untuk diselesaikan.