Vital CSS - Minimálně invazivní webový rámec

Přesunete se přes Bootstrap nový rámec CSS ve městě. Jmenuje se to Vitální a odráží rozvoj frontendu až na holé základy.

Vital přichází pouze CSS a má nulové JavaScript knihovny nebo závislosti. Šablona stylů Vital.css je pouze 31KB minified, včetně ikonových písem.

Soubor Bootstrap CSS sám o sobě představuje asi 118 kB. Vital je téměř 1/4 velikosti Bootstrapu! Je postaven pro vývojáře, kteří právě potřebují rychlé řešení pro jejich další projekt.

Vital je a zcela otevřený zdrojový rámec se všemi dostupnými kódy na GitHubu.

Vše je Sass pro CSS a Slim pro HTML. Ale tohle je pouze pro rozvoj, takže pokud používáte Vital pro výrobu pak můžete jen exportovat přímo CSS.

Nejnovější verze jsou k dispozici ke stažení na webu. \ t uvolní stránku a tyto zahrnují Kód CSS spolu s vlastní fonty ikon. Najdete zde také spousta ukázek HTML a CSS a základní dokumentaci na stránce GitHub.

Opravdu dobré věci najdete na stránky komponent. Tento uvádí vše, co dostanete s Vital, včetně mřížek, typografie, tlačítek, zavaděčů, tabulek, záložek, formulářových vstupů a ještě mnohem více.

Žádná z těchto funkcí nespoléhá na JavaScript, což je obrovský bonus. Je možné, že můžete s JavaScriptem udělat více, ale je to hezké, že se nebudete starat o JS, když budete stylingovat.

Můžeš znovu vytvořit libovolný prvek ze stránky komponentu pomocí třídy CSS. Tyto třídy mohou být poněkud automatizované pokud používáte Slim, tak je pro uživatele Sass / Slim malá výhoda.

Ale Vital může pracovat dobře pro všechny vývojáře s některými zkušenostmi HTML / CSS. To je zcela zdarma rámec mnohem lehčí než alternativy.

Chcete-li se dozvědět více, podívejte se na domovskou stránku Vital nebo si projděte tento článek napsaný tvůrci Vital diskutovat proč vytvořili rámec a problémy, které má řešit.