Vital CSS - En Minimalt Invasiv Web Framework

Flytta över Bootstrap eftersom det finns en ny CSS-ram i staden. Det heter Avgörande och det band fronten utveckling ner till det väsentliga väsentliga.

Vital kommer med bara CSS och har noll JavaScript-bibliotek eller beroenden. Och Vital.css-stilarket är endast 31KB minifierad, inklusive ikonfonter.

Bara Bootstraps CSS-fil totalt uppgår till cirka 118 KB. Vital är nästan 1/4 av storleken på Bootstrap! Det är byggt för utvecklare som bara behöver en snabb lösning för deras nästa projekt.

Vital är a helt öppen källkod med all kod tillgänglig på GitHub att läsa.

Allting är byggd med Sass för CSS och Slim för HTML. Men det här är endast för utveckling, så om du använder Vital för produktion så kan du bara exportera den rena CSS direkt.

De senaste versionerna finns tillgängliga för nedladdning på släpper sida och dessa inkluderar CSS-kod tillsammans med anpassade ikon typsnitt. Du hittar också massor av HTML & CSS demos och lite grundläggande dokumentation på GitHub-sidan.

Men de riktiga bra grejerna finns på komponentsida. Detta listar allt du får med Vital, inklusive galler, typografi, knappar, lastare, tabeller, flikar, formuläringångar och så mycket mer.

Ingen av dessa funktioner är beroende av JavaScript, vilket är en enorm bonus. Beviljas att du kan göra mer med JavaScript men det är trevligt att inte oroa dig för JS när du styler framsidan.

Du kan återskapa något element från komponentsidan precis vid använder en CSS-klass. Dessa klasser kan vara något automatiserad Om du använder Slim, så är det en liten fördel för Sass / Slim-användare.

Men Vital kan fungera bra för alla utvecklare med viss HTML / CSS-upplevelse. Det är en helt gratis ramverk och det är mycket lättare än alternativen.

För att lära dig mer, kolla in Vital hemsida eller skumma igenom den här artikeln som skrivits av skaparna av Vital diskuterar varför de skapade ramverket och de problem som det är meningen att lösa.