Что это такое?
Spectre.css — это легковесный, адаптивный и современный CSS-фреймворк для создания веб-интерфейсов с сеткой на основе flexbox, готовыми элементами, компонентами и утилитарными классами.
Spectre.css — это легковесный, адаптивный и современный CSS-фреймворк для создания веб-интерфейсов с сеткой на основе flexbox, готовыми элементами, компонентами и утилитарными классами.Это полноценный JS-фреймворк или только CSS?Это чистый CSS (скомпилированный из Sass/Scss) без JavaScript; достаточно подключить таблицу стилей и использовать её классы.
Это чистый CSS (скомпилированный из Sass/Scss) без JavaScript; достаточно подключить таблицу стилей и использовать её классы.Как добавить его в проект?Скачайте скомпилированный spectre.css и подключите его в head вашего HTML или установите через NPM, Yarn или Bower.
Скачайте скомпилированный spectre.css и подключите его в head вашего HTML или установите через NPM, Yarn или Bower.Нужен ли инструмент сборки, чтобы им пользоваться?Нет, можно просто подключить готовый CSS-файл или загрузить его с CDN, например unpkg или cdnjs; компилятор Sass нужен только если вам требуется собственная сборка.
Нет, можно просто подключить готовый CSS-файл или загрузить его с CDN, например unpkg или cdnjs; компилятор Sass нужен только если вам требуется собственная сборка.Работает ли он в старых браузерах, например в Internet Explorer?Он рассчитан на современные браузеры (последние версии Chrome, Edge, Firefox ESR, Safari, Opera) и поддерживает только IE10+, при этом некоторые возможности HTML5/CSS3 работают не полностью.
Он рассчитан на современные браузеры (последние версии Chrome, Edge, Firefox ESR, Safari, Opera) и поддерживает только IE10+, при этом некоторые возможности HTML5/CSS3 работают не полностью.Можно ли использовать это бесплатно, в том числе в коммерческих целях?Да, он полностью бесплатен по лицензии MIT, хотя автор принимает необязательные пожертвования через Paypal или Patreon.
Да, он полностью бесплатен по лицензии MIT, хотя автор принимает необязательные пожертвования через Paypal или Patreon.Насколько маленький CSS-файл?Примерно 10 КБ в сжатом виде (gzip), и именно это главное достоинство его «легковесного» дизайна.
Примерно 10 КБ в сжатом виде (gzip), и именно это главное достоинство его «легковесного» дизайна.Какие компоненты есть в комплекте?В комплект входят элементы, такие как типографика, кнопки и формы, блоки разметки, например сетка flexbox и навигационная панель, а также компоненты: карточки, модальные окна, вкладки, всплывающие подсказки и пагинация.
В комплект входят элементы, такие как типографика, кнопки и формы, блоки разметки, например сетка flexbox и навигационная панель, а также компоненты: карточки, модальные окна, вкладки, всплывающие подсказки и пагинация.Есть ли экспериментальные функции?Да, раздел «Experimentals» включает, например, 360-градусный просмотрщик, карусели, эффекты параллакса, слайдеры и временные шкалы; некоторые из них реализованы только на CSS.
Да, раздел «Experimentals» включает, например, 360-градусный просмотрщик, карусели, эффекты параллакса, слайдеры и временные шкалы; некоторые из них реализованы только на CSS.Зачем создали Spectre?Он начинался как побочный проект: в нём собран многолетний опыт работы с CSS над крупным веб-сервисом, превращённый в многократно используемый фреймворк.
Он начинался как побочный проект: в нём собран многолетний опыт работы с CSS над крупным веб-сервисом, превращённый в многократно используемый фреймворк.What are similar projects?flag-icons, materialize, responsive-html-email-template, tachyons, material-design-lite, uikit, bulma, milligram
flag-icons, materialize, responsive-html-email-template, tachyons, material-design-lite, uikit, bulma, milligramWhich topics is it in?modern, utility-library, responsive-web-design, flexbox, static, utilities, css-framework, html5, ui-design, responsive, lightweight, accessibility
modern, utility-library, responsive-web-design, flexbox, static, utilities, css-framework, html5, ui-design, responsive, lightweight, accessibility