Статьи

10 легких и минимальных рамок CSS

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

Похожие сообщения:

1. 1 строка CSS Grid Framework

Это задача написания всей системы макетов CSS с помощью однострочного класса CSS.
1-линейный CSS-Grid-Framework.jpg
Источник

2. Крошечная жидкостная сетка

Tiny Fluid Grid поставляется с index.html с демонстрационным кодом и grid.css, содержащим CSS для созданной вами сетки.
Крошка-жидкость-Grid.jpg
Источник

3. CSS-сетка размером 1 КБ

Простой, легкий подход, который не требует докторской степени.
-1KB-CSS-Grid.jpg
Источник

4. SenCSs

Обозначает «Разумные стандарты» CSS baseline (произносится «смысл»). Он предоставляет разумные стили для всех повторяющихся частей вашего CSS, и не навязывает вам систему размещения.
SenCSs.jpg
Источник

5. FEM CSS Framework

Фиксированный макет, основанный на 960.gs, но с поворотом в его философии, чтобы сделать его более гибким и быстрым для игры с боксами. Он имеет только сетку из 12 столбцов, с полями по 10 пикселей на каждой стороне, образуя водосточный желоб в 20 пикселей, что дает некоторое дыхание между коробками.
ПЭМ-CSS-Framework.jpg
Источник

6. Эластичный CSS Framework

Простые CSS-фреймворки, основанные на технике печатного макета из 4 столбцов, но с возможностью предлагать неограниченные комбинации столбцов и возможность легко создавать эластичные, фиксированные или жидкие макеты.
Упруго-CSS-Framework.jpg
Источник

7. Исходный уровень

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

8. Atatonic CSS Framework

Работает так же, как и любая другая сеточная система, но содержит всего около 10 строк CSS и делает основной упор на типографику. Идея этого проекта состоит в том, чтобы обеспечить прочную, но минимальную основу для начала каждого проекта разработки.
Atatonic-CSS-Framework.jpg
Источник

9. Квадратная сетка

Простой CSS-фреймворк, основанный на 35 столбцах одинаковой ширины. Вы можете использовать сетку в различных столбцах: 18, 12, 9, 6, 4, 3, 2, при этом общая ширина сетки составляет 994 пикселя — что будет поддерживать большинство современных мониторов.
-Сквер-Grid.jpg
Источник

10. Меньше рамок 3

Создан таким образом, что вы создаете макет по умолчанию как обычный, а затем все дополнительные макеты, используя встроенные медиазапросы.
Менее Framework-3.jpg
Источник