Статьи по тегу «Tailwind CSS»

5 дней назад

Курс по Tailwind CSS: Мини-лендинг #5

Мы уже познакомились с утилитами, цветами и шрифтами. Теперь соберём всё вместе и создадим маленький лендинг с тремя ключевыми блоками: шапкой (Header), главным блоком (Hero) и подвалом (Footer).

Frontend 62

5 дней назад

Курс по Tailwind CSS: Цвета и шрифты #4

В прошлой статье мы разобрали базовые утилиты. Теперь углубимся в работу с цветами и шрифтами. В Tailwind CSS v4 эти возможности стали ещё удобнее: библиотека поддерживает современную цветовую модель OKLCH, P3-палитры, а также предоставляет новый способ расширять тему с помощью @theme.

Frontend 74

5 дней назад

Курс по Tailwind CSS: Первые шаги с утилитами #3

В прошлой статье мы настроили окружение и убедились, что Tailwind работает. Теперь подробнее разберём самые часто используемые утилиты: отступы, цвета, текст и адаптивность.

Frontend 70

5 дней назад

Курс по Tailwind CSS: Установка #2

Tailwind CSS — это современный CSS-фреймворк, который позволяет быстро и удобно стилизовать сайты, не тратя время на написание «с нуля» длинных стилей.

Frontend 88

5 дней назад

Курс по Tailwind CSS: Введение #1

В классической вёрстке мы обычно создаём собственные CSS-классы: .header, .button, .card. Каждый класс хранит набор стилей. Но со временем проект разрастается: классы дублируются, их становится сотни, и поддерживать такой код становится всё сложнее.

Frontend 77