DEV Community

Dmitry
Dmitry

Posted on

CSS-фреймворк, о котором вы даже не подозревали Tachyons.io

tachyons.io Функциональный CSS для людей.

Быстро создавайте и разрабатывайте новый интерфейс без написания CSS.

Принципы

Все должно быть на 100% отзывчивым
Все должно быть доступно для чтения на любом устройстве
Все должно быть максимально быстро*
Создание дизайна в браузере должно быть простым*
Должно быть легко изменить любой интерфейс или часть интерфейса, не нарушая никаких существующих интерфейсов.
Очень хорошее выполнение одной задачи способствует повторному использованию и сокращает повторение
Документация способствует повторному использованию и обмену знаниями
CSS не должен препятствовать доступности или функциональности HTML по умолчанию.
Вы должны отправить пользователю минимально возможное количество кода.

Функции

Архитектура CSS, ориентированная на мобильные устройства
490 доступных цветовых комбинаций
Базовая сетка 8 пикселей
Несколько утилит отладки для уменьшения проблем с компоновкой
Целевая структура класса
Оптимизирован для максимального сжатия gzip
Легкий (~ 14 КБ)
Может использоваться в разных проектах
Растущая библиотека компонентов с открытым исходным кодом
Хорошо работает с обычным HTML, React, Ember, Angular, Rails и другими.
Бесконечно вложенная адаптивная сеточная система
Построен с PostCSS

Документы можно найти на: TACHYONS.IO . Модули, как правило, довольно маленькие, поэтому их легко и быстро читать.

Используйте CDN

Самый быстрый и простой способ начать использовать тахионы - это включить ссылку на минифицированный файл в заголовок вашего HTML-файла.

< link rel = " stylesheet " href = " https://unpkg.com/tachyons@4/css/tachyons.min.css " >

Top comments (1)

Collapse
 
zolotarev profile image
Andrew Zolotarev

И в чём разница от того же TailwindCSS?