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

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

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

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

флексбокс

Он также использует LESS вместо Sass, что может сделать Spectre и потрясающим выбором для всех пользователей LESS.

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

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

поддержка восточноазиатских шрифтов

Вы можете найти тонны примеров на Страница «Элементы» в котором перечислены образцы дизайна для текста, кнопок, таблиц, значков и веб-форм (среди прочего).
Spectre.css автозаполнениеПризрак также поставляется с тоннами компоненты Это может сэкономить вам часы, потраченные на программирование с нуля. Динамические функции, такие как всплывающие окна и выпадающие меню, очень легко добавить в любой макет с помощью всего лишь нескольких строк кода.

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

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

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

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

            <script async src="https://triu.ru/wp-content/litespeed/localres/aHR0cHM6Ly9wbGF0Zm9ybS50d2l0dGVyLmNvbS93aWRnZXRzLmpz" charset="utf-8"></script>

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован.