Spectre.css - легковесный адаптивный CSS-интерфейс на основе Flexbox

Если вы хотите погрузиться в макеты flexbox тогда самое время начать. Современные браузеры наконец, принимая свойства flexbox и все больше разработчиков начинают действовать.

Но зачем начинать с нуля, когда можно построить поверх многоразового кода? Spectre.css это одна из лучших фреймворков для начала, если вы новичок в flexbox.

Эта бесплатная среда с открытым исходным кодом поставляется с функционирующая сеточная система а также общие свойства flexbox. Это опирается на Gulp для компиляции и запуска CSS на лету с любого компьютера.

Это также использует МЕНЬШЕ вместо Sass, который может сделать Spectre и потрясающим выбором для всех пользователей LESS.

Одна загрузка с npm идет со всем, что вам нужно: CSS иконки, миксины, переменные, и почти все, что вы ожидаете от типичного CSS-фреймворка.

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

Ты можешь найти тонны примеров на “элементы” страница, которая списки образцов дизайна для текста, кнопок, таблиц, значков и веб-форм (среди прочего).

Призрак также поставляется с тонны компонентов это может сэкономить вам часы, потраченные на программирование с нуля. Динамические особенности, такие как поп-кадр а также выпадающие меню, супер легко добавить в любой макет, всего за несколько строк кода.

Эта структура все еще довольно новый и это всегда претерпевает изменения. На момент написания этой статьи, Spectre находится в v0.2 и имеет множество экспериментальных функций ты можешь попробовать.

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

Чтобы узнать больше и начать, посетите страница документации установка и настройка покрытия.

Вы также можете скачать копию кода прямо с GitHub который также имеет небольшой раздел для документации. И, если вы хотите поделиться своими мыслями, вы можете написать в Твиттере официальный аккаунт @spectrecss.