Какие легкие css фреймворки вы знаете?

Мне нужен легкий, минимальный css фреймворк, чтобы не ставить эти огромные css монстры и не загружать много кода. Я столкнулся с этим вопросом сегодня, и обнаружил, что “знаю только монстров”.

Какой легкий css фреймворк лучше использовать? Какие вы знаете?

Связанное: Какие svg иконки вы используете?

4 Симпатий
Лучший фреймворк, это ваш фреймворк. :wink:

Skeleton

Думаю, вы должны использовать Skeleton, если вы начинаете меленький проект или просто чувствуете, что вам не нужна вся утилита больших фреймворков.

Пишет автор на официальном сайте.

http://getskeleton.com/

Skeleton только стилизует несколько стандартных элементов HTML и включает в себя сетку, но этого часто более чем достаточно для начала работы. Фактически, сайт автора (как пример) построен на Skeleton и имеет ~ 200 строк пользовательского CSS (половина из которых - это док-навигация).

5 Симпатий

Pure.css - маленький адаптивный CSS фреймворк от Yahoo

Pure невероятно крошечный. Сжатый полный набор модулей весит около 5KB. Есть базовая сетка vs. адаптивная сетка, да и много чего - посмотрите.

Русский сайт: https://pure-css.ru/

И

Мы использовали этот фреймворк с иконками:

5 Симпатий

Kube UI Framework

Kube - это веб-фреймворк для разработчиков и дизайнеров. Kube построен и разработан, чтобы обеспечить наиболее гибкую, но мощную структуру CSS & JS для сообщества.

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

Официальный сайт фреймворка: https://imperavi.com/kube/

6 Симпатий

При использования фреймворка необходимо знать:

Преимущества CSS фреймворка

  • Готовый вариант симметричной гармонии и формата в продукте
  • Решает проблему совместимости браузеров
  • Увеличивает скорость разработки

Недостатки CSS фреймворка

  • Чтобы узнать новые вещи, нужно время
  • У вас останется неиспользованный код (вес, лишние функции).
  • Вы работаете с тем, что может предложить фреймворк, а не с тем, что вы хотите.

Из минимальных фреймворков я бы выделил (кроме перечисленных)

Simple Grid
http://thisisdallas.github.io/Simple-Grid/

PocketGrid
http://arnaudleray.github.io/pocketgrid/

iceCream
http://html5-ninja.com/icecream/

Concrete
http://davidlumley.github.io/concrete/

Cardinal
http://cardinalcss.com/

Это, конечно, не совсем полный список фреймворков, которые есть.

5 Симпатий