CSS-фреймворк

Библиотека, позволяющая создавать веб-дизайн, более соответствующий стандартам.

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

Двумя примечательными и широко используемыми примерами являются Bootstrap и Foundation .

CSS-фреймворки предлагают различные модули и инструменты:

• сбросить таблицу стилей
• сетка специально для адаптивного веб-дизайна
• веб-типографика
• набор иконок в спрайтах или иконочных шрифтах
• стилизация подсказок , кнопок , элементов форм
• части графического пользовательского интерфейса, такие как аккордеон , вкладки , слайд-шоу или модальные окна ( лайтбокс )
• эквалайзер для создания контента одинаковой высоты
• часто используемые вспомогательные классы CSS ( слева , скрыть )

Более крупные фреймворки используют интерпретатор CSS, такой как Less или Sass .

Список известных CSS-фреймворков

Смотрите также

• Сравнение механизмов компоновки (каскадные таблицы стилей)

Рекомендации

1. «Релизы · joshuaclayton/blueprint-css · GitHub» . Гитхаб . Проверено 23 апреля 2020 г. Этот репозиторий был заархивирован владельцем. Теперь он доступен только для чтения.
2. «Релизы · twbs/bootstrap · GitHub» . Гитхаб . Архивировано из оригинала 1 июня 2014 г. Проверено 15 ноября 2021 г.
3. Документация Bootstrap — Настройка сетки.
4. «Релизы · сайты фонда/основания · GitHub» . Гитхаб . Проверено 24 апреля 2020 г.
5. Документация Фонда - Сетка
6. «Релизы · yamlcss/yaml · GitHub» . Гитхаб . Проверено 24 апреля 2020 г.
7. «Релизы · yui/yui3 · GitHub» . Гитхаб . Проверено 24 апреля 2020 г.