Что такое Tailwind CSS?

#Tailwind #TailwindCSS #CSS Tailwind это супер простой и расширяемый способ работать с CSS. Tailwind состоит из множества классов утилит уже готовых к использованию. В production все неиспользуемые css классы удаляются из сборки и таким образом остается лишь минимальный набор только необходимых классов и результирующий бандл будет занимать мало места. Из коробки в TailwindCSS уже поддерживаются классы для разных размеров экрана - с помощью префиксов брейкпоинтов (sm) можно изменять внешний вид компонентов. Все псевдоклассы также доступны - focus/hover/active и т.д. В зависимости от состояния элемента можно управлять внешним видом добавляя необходимые утилиты классы. Помимо стандартных цветовых тем или размеров можно указывать свои в зависимости от дизайн системы приложения. Мы в соцсетях: 💻 Сайт:
💻 Telegram:
💻 Twitter:   / _devmagazine   💻 GitHub:
☕️ Поддержать канал: https://www.donationalerts.com/r/devm...
Курсы и плейлисты: 💡 Tailwind:    • 🍃 TailwindCSS курс   💡 Redux Saga:    • 🍏 Redux Saga курс   💡 Все о ReactJS:    • 📘 ReactJS   💡 Как пройти ReactJS собеседование:    • 🚀 Собеседование React Frontend   💡 ReactJS хуки:    • 🐠 React хуки   💡 Redux:    • ☕️ Redux курс   💡 Как создать слайдер на ReactJS:    • 🎪 Как создать СЛАЙДЕР на ReactJS   💡 Svelte:    • 🌴 Svelte курс   💡 Sass:    • 📔 Sass курс   💡 GraphQL:    • 💪 GraphQL   💡 JavaScript:    • 📜 JavaScript   00:00 - Введение 00:15 - Что такое Tailwind css 01:01 - Отличия от обычного CSS 01:33 - Особенности Tailwind 03:44 - Tailwind и Bootstrap #devmagazine #devmagazinechannel

Смотрите также