Что такое Tailwind CSS?
#Tailwind #TailwindCSS #CSS
Tailwind это супер простой и расширяемый способ работать с CSS. Tailwind состоит из множества классов утилит уже готовых к использованию.
В production все неиспользуемые css классы удаляются из сборки и таким образом остается лишь минимальный набор только необходимых классов и результирующий бандл будет занимать мало места.
Из коробки в TailwindCSS уже поддерживаются классы для разных размеров экрана - с помощью префиксов брейкпоинтов (sm) можно изменять внешний вид компонентов.
Все псевдоклассы также доступны - focus/hover/active и т.д. В зависимости от состояния элемента можно управлять внешним видом добавляя необходимые утилиты классы.
Помимо стандартных цветовых тем или размеров можно указывать свои в зависимости от дизайн системы приложения.
Мы в соцсетях:
💻 Сайт: https://it-dev-journal.ru
💻 Telegram: https://t.me/devmagazinechannel
💻 Twitter: / _devmagazine
💻 GitHub: https://github.com/vadimkorr
☕️ Поддержать канал: 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
