Домашня » Інструментарій » Spectre.css - Легкий Flexbox-Відповідальний CSS Framework

    Spectre.css - Легкий Flexbox-Відповідальний CSS Framework

    Якщо ви хочете зануритися макетів flexbox тоді найкращий час для початку. Сучасні браузери є нарешті прийнявши властивості flexbox і більше розробників починають діяти.

    Але, чому починати з нуля, коли можна побудувати поверх багаторазового коду? Spectre.css є одним з кращих рамок, щоб почати використовувати, якщо ви новачок у flexbox.

    Цей безкоштовний фреймворк з відкритим вихідним кодом поставляється з попередньо побудованою функціонуюча система Грід і загальні властивості flexbox. Це спирається на Gulp для компіляції і запуску CSS на льоту, з будь-якого комп'ютера.

    Він також використовує LESS замість Sass, які можуть зробити Spectre і приголомшливим вибором для всіх МЕНЕ користувачів.

    Одне завантаження з npm постачається з усім необхідним: Іконки CSS, міксини, змінні, і майже все, що можна було б очікувати від типової структури CSS.

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

    Ви можете знайти тонн прикладів на “Елементи” сторінка, яка списки дизайну зразків для тексту, кнопок, таблиць, піктограм та веб-форм (серед іншого).

    Spectre також поставляється з тонн компонентів що може заощадити вам час, витрачений на кодування з нуля. Динамічні функції, як от поп-кадрів і меню, дуже легко додати до будь-якого макета, за допомогою всього декількох рядків коду.

    Ця структура є все ще досить новий і він завжди зазнає змін. На момент написання цього тексту Spectre ввімкнено v0.2 і має багато експериментальних можливостей Ви можете спробувати.

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

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

    Ви також можете завантажити копію коду прямо з GitHub який також має невеликий розділ для документації. І, якщо ви хочете поділитися своїми думками, ви можете надіслати твіт на офіційний обліковий запис @spectrecss.