Життєвий CSS - мінімально інвазивний веб-фреймворк

Переміщення через Bootstrap причиною є нову структуру CSS в місті. Це називається Vital і він відриває розробку інтерфейсу аж до найголовніших предметів.

Vital приходить тільки CSS і має нуль бібліотек JavaScript або залежностей. І таблиця стилів Vital.css є лише 31 КБ мінімізовано, включаючи шрифти іконок.

Просто файл CSS Bootstrap в цілому становить близько 118KB. Vital - це майже 1/4 розміру Bootstrap! Він побудований для розробників, які просто потрібне швидке рішення для наступного проекту.

Життєвий є повністю відкритий код з усім кодом, доступним на GitHub, щоб проглянути.

Все є побудований з Sass для CSS і Slim для HTML. Але це тільки для розвитку, так що якщо ви використовуєте Vital для виробництва, то ви можете просто експортувати чистий CSS безпосередньо.

Останні версії доступні для завантаження на сторінки і вони включають Код CSS разом з спеціальні шрифти іконок. Ви також знайдете багато демонстрацій HTML і CSS і деякі основні документи на сторінці GitHub.

Але справжній хороший матеріал можна знайти на сторінки компонентів. Це перераховує все, що ви отримуєте з Vital, включаючи сітки, типографіку, кнопки, навантажувачі, таблиці, вкладки, вхідні форми та багато іншого.

Жодна з цих функцій не покладається на JavaScript, що є величезним бонусом. Зрозуміло, ви можете зробити більше з JavaScript, але приємно не турбуватися про JS під час стилізації інтерфейсу.

Ти можеш відтворити будь-який елемент з сторінки компонентів лише за адресою використовуючи клас CSS. Такі класи можуть бути кілька автоматизованих якщо ви використовуєте Slim, то для користувачів Sass / Slim є невелика перевага.

Але Vital може добре працювати для будь-якого розробника з деяким досвідом HTML / CSS. Це абсолютно безкоштовно рамки і це набагато легше ніж альтернативи.

Щоб дізнатися більше, ознайомтеся з домашньою сторінкою Vital або скористайтеся цією статтею, написаною творцями дискусії Vital чому вони створили рамки і проблеми, які він вирішує.