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

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

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

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

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

Skeleton

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

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

http://getskeleton.com/

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

6 Симпатий

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

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

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

6 Симпатий

Kube UI Framework

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

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

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

7 Симпатий

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

Преимущества 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/

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

7 Симпатий

Фреймворк Схема

Отличный фреймворк, который сделан как можно лёгким и простым для пользователя. Он так же включает в себя кнопки, выпадающие списки и формы.

http://danmalarkey.github.io/schema/

5 Симпатий

Pointcss - легкий и гибкий фреймворк CSS для построения современных адаптивных веб-приложений.

Размер: ~ 12kb

5 Симпатий

UImini CSS framework

UImini

Размер CSS+JS = 19кб

2 Симпатий

Base - надежная, гибкая CSS-платформа

Легкий и минимальный код. Тратьте меньше времени на переопределение стилей и больше внимания уделяйте созданию красивых веб-приложений.

https://getbase.org

Оригинальный дизайн, скорей на любителя.

2 Симпатий

Три минимальных, отзывчивых CSS фреймворка

4 Симпатий