#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