10 легких css фреймворков для быстрых сайтов в 2018 году

10 легких css фреймворков для быстрых сайтов в 2018 году

Css фреймворк это реальная экономия времени, когда разрабатываешь сайт. Но большие фреймворки влияют на скорость загрузки, а сейчас это очень важный фактор. Ниже представлен список из 10 легких css фреймворков с помощью, которых вы создадите быстрые и функциональные сайты.

Pure CSS

Pure CSSПодробнее: //purecss.io/

После минификации и gzip весит всего 3.8 килобайт, но тем не менее содержит много функционала. Хороший выбор для работы на аутсорсе.

к оглавлению ↑

Bulma

bulma.ioПодробнее: bulma. io

При размере 21 килобайт после минификации и gzip, не самый легкий вариант, но фреймворк bulma достоин упоминания. Разработанный с подходом «сначала мобильные» с оптимизированным вертикальным ритмом и его сетка сделана на флексбоксах. Для гибкого сетки достаточно указать .columns для родительского элемента и .column для дочернего.

к оглавлению ↑

Mini.css

mini.cssПодробнее: chalarangelo.github.io/mini.css

Легкий фреймворк (7 килобайт gzip) для крафтинга быстрых сайтов с легкостью.

к оглавлению ↑

UIkit

getuikit.comПодробнее: getuikit.com

Легкий и модульный фронтэнд фреймворк для разработки быстрых и сложных интерфейсов.

к оглавлению ↑

Skeleton

getskeleton.comПодробнее: getskeleton.com

C 400 линиями кода, skeleton легкий, как пушинка. Содержит: сетку, типографику, формы, медиа запросы и т. д. нужное для создания качественного сайта.

к оглавлению ↑

Base

Base css Подробнее: getbase.org

«Base» очень простой, но в то же время здравый css фреймворк. Он легкий с минимум кода, сделан с подходом сначала мобильные для создания разработчиками и дизайнерами кросс браузерных сайтов и приложений.

к оглавлению ↑

Spectre

Spectre cssПодробнее: picturepan2.github.io/spectre

Легкая (примерно 10 килобайт gzip) начальная точка для старта вашего проекта. Содержит элегантно задизайненые элементы основанные на флексбоксах, отзывчивые и с подходом «сначала мобильные».

к оглавлению ↑

Milligram

Milligram css Подробнее: milligram.github.io

Milligram предоставляет минимальный набор стилей для быстрого и чистого начала проекта. Всего 2 килобайта gzip, маленький, но мощный фреймворк входит в топ 3 самых легких из доступных.

к оглавлению ↑

Dead Simple Grid

Dead Simple Grid css Подробнее: github.com/mourner/dead-simple-grid

Не фреймворк, но простая сетка весом 250 байт css кода, которую можно использовать в любом проекте.

к оглавлению ↑

Picnic CSS

picnicssПодробнее: picnicss.com

Размером в 3 килобайта gzip Пикник css легчайший фреймворк, но в то же время содержит все необходимое для создания прекрасно выглядещего, функционального сайта.

Источник: www.catswhocode.com

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Заказать верстку

Оставляя свои контактные данные,
Вы соглашаетесь с Политикой конфиденциальности.