Типографическая шкала: как создать систему размеров шрифтов
Модульная шкала типографики: соотношения (minor third, perfect fourth, golden ratio), практическое применение, CSS-переменные, интеграция с Tailwind, адаптивная типографика.
Загружаем страницу
Это может занять несколько секунд.
Если reChecker работает неправильно, опишите проблему и укажите страницу, на которой она возникла. Оставьте email или телефон — мы ответим после проверки.
CSS-техники, генераторы, конвертеры: градиенты, flexbox, grid, анимации.
31 статья по тегу «CSS»
Модульная шкала типографики: соотношения (minor third, perfect fourth, golden ratio), практическое применение, CSS-переменные, интеграция с Tailwind, адаптивная типографика.
Практическое руководство по созданию цветовых палитр с учётом WCAG: выбор базовых цветов, генерация оттенков, проверка контраста и инструменты.
Сравнение форматов цветов в веб-разработке: HEX, RGB, HSL, HSV. Когда какой формат выбирать, конвертация и практические рекомендации.
Полное руководство по CSS box-shadow: синтаксис, множественные тени, inset, размытие, распространение. Практические примеры и приёмы для веб-дизайна.
Подробное руководство по CSS Flexbox: свойства контейнера и элементов, оси, выравнивание, практические примеры и типичные паттерны вёрстки.
Полное руководство по CSS-градиентам: linear-gradient, radial-gradient, conic-gradient. Синтаксис, примеры и практическое применение.
Подробное руководство по CSS Grid: свойства контейнера и элементов, именованные области, авторазмещение, практические примеры и типичные паттерны.
Полное руководство по центрированию элементов с помощью CSS Flexbox: по горизонтали, вертикали, по обеим осям, а также центрирование с учётом отступов.
Сравнение Flexbox и CSS Grid: сильные стороны каждой технологии, типичные сценарии использования и рекомендации по выбору для разных задач вёрстки.
Руководство по преобразованию HTML в JSX для React. Отличия синтаксиса, атрибуты, обработка событий и типичные ошибки.
Дизайн QR-кодов: цвета, логотипы, форма модулей. Баланс между читаемостью и эстетикой. Практические рекомендации и типичные ошибки.
Практическое руководство по созданию адаптивных макетов с CSS Grid: брейкпоинты, auto-fill, auto-fit, медиа-запросы и готовые паттерны.
Откройте инструмент для задачи, о которой прочитали в статье.