Первоклассная CSS-платформа для быстрой разработки пользовательского интерфейса
Первоклассная CSS-платформа для быстрой разработки пользовательского интерфейса
Tailwind CSS Обзор
Tailwind отличается от фреймворков, таких как Bootstrap, Foundation или Bulma, тем, что это не набор UI. У него нет темы по умолчанию, и нет встроенных компонентов пользовательского интерфейса. С другой стороны, он также не имеет мнения о том, как должен выглядеть ваш сайт, и не навязывает дизайнерские решения, с которыми вам придется бороться, чтобы отменить.
Если вы ищете платформу, которая поставляется с меню готовых виджетов для создания вашего сайта, Tailwind может не подойти вам, поэтому у нас есть несколько альтернатив. Но если вы хотите начать реализацию индивидуального дизайна со своей индивидуальностью, то Tailwind может быть именно тем, что вы ищете.
Утилита первый
Создание инфраструктуры для создания пользовательских интерфейсов означает, что вы не можете предоставлять абстракции на обычном уровне кнопок, форм, карточек, панелей навигации и т. Д. Вместо этого Tailwind предоставляет высокоуровневые низкоуровневые служебные классы, которые позволяют легко создавать сложные пользовательские интерфейсы, не поощряя любые два сайта выглядеть одинаково.
Компонент дружественный
Хотя вы можете многое сделать только с помощью служебных классов, иногда компонентный класс является правильным решением. Tailwind предоставляет инструменты для извлечения классов компонентов из повторяющихся шаблонов утилит, что позволяет легко обновлять несколько экземпляров компонента из одного места.
Отзывчивый к ядру
Каждая утилита Tailwind также имеет адаптивные варианты, что позволяет чрезвычайно легко создавать адаптивные интерфейсы, даже не покидая HTML. Tailwind использует интуитивный префикс {screen}:, который позволяет легко заметить реагирующие классы в разметке, сохраняя при этом оригинальное имя класса узнаваемым и неповрежденным.
Разработанный, чтобы быть настроенным
Если имеет смысл быть настраиваемым, Tailwind позволяет настроить его. Это включает в себя цвета, размеры границ, веса шрифтов, утилиты разметки, точки останова, тени и многое другое. Tailwind написан на PostCSS и настроен на JavaScript, что означает, что у вас есть все возможности настоящего языка программирования под рукой. Tailwind - это больше, чем CSS-фреймворк, это движок для создания систем проектирования.