CSS-фреймворк
 | Эта статья нуждается в дополнительных цитатах для проверки . ( февраль 2017 г. ) |
Фреймворк CSS — это библиотека, позволяющая упростить веб-дизайн, соответствующий стандартам, с использованием языка каскадных таблиц стилей . Большинство этих фреймворков содержат как минимум сетку . Более функциональные платформы также имеют больше возможностей и дополнительных функций на основе JavaScript , но в основном ориентированы на дизайн и ориентированы на интерактивные шаблоны пользовательского интерфейса. Эта деталь отличает фреймворки CSS от других фреймворков JavaScript .
Двумя примечательными и широко используемыми примерами являются Bootstrap и Foundation .
CSS-фреймворки предлагают различные модули и инструменты:
- сбросить таблицу стилей
- сетка специально для адаптивного веб-дизайна
- веб-типографика
- набор иконок в спрайтах или иконочных шрифтах
- стилизация подсказок , кнопок , элементов форм
- части графического пользовательского интерфейса, такие как аккордеон , вкладки , слайд-шоу или модальные окна ( лайтбокс )
- эквалайзер для создания контента одинаковой высоты
- часто используемые вспомогательные классы CSS ( слева , скрыть )
Более крупные фреймворки используют интерпретатор CSS, такой как Less или Sass .
Список известных CSS-фреймворков
[ редактировать ]| Имя | Последний выпуск | Лицензия | Сетка | Единицы | Функции | Кол- во столбцов | |
|---|---|---|---|---|---|---|---|
| версия | дата | ||||||
| План | 1.0.1 | 14 мая 2011 г. [1] | МОЯ лицензия | Типографика, формы, печать, плагины для кнопок, вкладок и спрайтов. | |||
| Бутстрап | 5.3.3 | 20 февраля 2024 г. [2] [3] [4] | МОЯ лицензия ( Лицензия Apache до версии 3.1.0) | фиксированный, плавный, отзывчивый | пикс, % | Макет, типографика, формы, кнопки, навигация, медиа-запросы, файлы .sass, библиотеки JavaScript, макет RTL. | Любой, по умолчанию 12 [5] |
| Фундамент | 6.7.5 | 13 июля 2022 г. [6] | МОЯ лицензия | жидкость | пикс, % | Адаптивный макет, порядок исходного кода, типографика, формы, кнопки, навигация, медиа-запросы и библиотеки JavaScript. | Любой, по умолчанию 12 [7] |
| ЯМЛ | 4.1.2 | 28 июля 2013 г. [8] | CC-BY 2.0 | фиксированный, эластичный, текучий | пикс, дюйм, % | Макет, сетки, столбцы, формы, кнопки, прогрессивная линеаризация для адаптивных макетов, обработка плавающих элементов, навигация, типографика, специальные возможности и дополнения. (доступные вкладки, поддержка RTL и микроформатов) | Любой |
| CSS-сетки YUI | 3.18.1 | 22 октября 2014 г. [9] | БСД -3 | фиксированный и жидкий | |||
| Попутный ветер | 3.4.3 | 27 марта 2024 г. [10] [11] | МОЯ лицензия | фиксированный, плавный, отзывчивый | Любой | ||
См. также
[ редактировать ]Ссылки
[ редактировать ]- ^ «Релизы · joshuaclayton/blueprint-css · GitHub» . Гитхаб . Проверено 23 апреля 2020 г. .
Этот репозиторий был заархивирован владельцем. Теперь он доступен только для чтения.
- ^ «Релизы · twbs/bootstrap · GitHub» . Гитхаб . Архивировано из оригинала 1 июня 2014 г. Проверено 15 ноября 2021 г.
- ^ Дерамонд, Жюльен (20 февраля 2024 г.). «Бутстрап 5.3.3» . blog.getbootstrap.com . Проверено 11 апреля 2024 г.
- ^ «бутстрап» . НПМ . 20 февраля 2024 г. Проверено 11 апреля 2024 г.
- ^ Документация Bootstrap — Настройка сетки.
- ^ «Релизы · фундамент/сайты фонда · GitHub» . Гитхаб . Проверено 24 апреля 2020 г.
- ^ Документация Фонда - Сетка
- ^ «Релизы · yamlcss/yaml · GitHub» . Гитхаб . Проверено 24 апреля 2020 г.
- ^ «Релизы · yui/yui3 · GitHub» . Гитхаб . Проверено 24 апреля 2020 г.
- ^ «Релизы · Tailwindlabs/tailwindcss» . Гитхаб . Проверено 11 апреля 2024 г.
- ^ "попутный ветер" . НПМ . 27 марта 2024 г. Проверено 11 апреля 2024 г.