Загрузка...
Загрузка...
Нашли баг, сбой или ошибку в работе reChecker? Есть предложение по улучшению? Напишите нам, чтобы мы проверили и исправили проблему в сервисе.
26 статей по категории CSS & Дизайн
Быстрые определения и связанные понятия, которые чаще всего встречаются в материалах этой категории.
Минификация (minification) — удаление лишних символов из CSS, JS и HTML без изменения функциональности. Уменьшает размер файлов на 20-60%.
Alt текст (атрибут alt) — текстовое описание изображения для поисковиков и экранных читалок. Влияет на SEO изображений и доступность сайта.
Адаптивный дизайн (Responsive Design) — подход к веб-разработке, при котором сайт корректно отображается на всех устройствах: мобильных, планшетах, десктопах.
Lazy Loading (ленивая загрузка) — техника оптимизации, при которой изображения и контент загружаются только когда попадают в область просмотра.
Переключайтесь между категориями для изучения разных тем
Найдено 26 статей
Пошаговый процесс создания цветовой палитры для сайта: от выбора базового цвета до системы акцентов и нейтральных оттенков. Частые ошибки и как их избежать.
Руководство по CSS спрайтам: объединение иконок в один файл, настройка background-position, SVG спрайты и современные альтернативы.
Полное руководство по дизайн-токенам: CSS custom properties, Tailwind config, JSON-формат. Как создать единую дизайн-систему и синхронизировать стили между кодом и дизайном.
Полное руководство по тестированию адаптивной вёрстки: breakpoints, viewport meta tag, device presets для iPhone, Android, планшетов. Как проверить сайт на всех экранах.
CSS border-radius: синтаксис, 1–4 значения, slash notation для эллипсов. Проценты vs px, круг, pill, blob. Поддержка браузеров, производительность, адаптивность.
CSS clip-path: синтаксис polygon, circle, ellipse, inset. Практические примеры, анимации, поддержка браузеров, советы по производительности. Генератор clip-path на reChecker.
Извлечение цветовой палитры из изображения: зачем нужно, основы теории цвета, алгоритмы (median-cut, k-means). CSS-переменные, инструменты и методы.
CSS filter: все функции (blur, brightness, contrast, saturate, grayscale, sepia, hue-rotate, invert, opacity, drop-shadow). filter vs backdrop-filter, производительность, порядок композиции, примеры.
CSS vs SCSS/Sass: вложенность, переменные, миксины, партиалы. Когда использовать, миграция с CSS, инструменты конвертации. Конвертер CSS ↔ SCSS на reChecker.
Что такое специфичность CSS, как она вычисляется (a,b,c), inline styles vs !important, типичные ошибки, методология BEM, стратегии избежания войн специфичности.
Glassmorphism в CSS: что это, backdrop-filter, поддержка браузеров, fallback-решения, доступность. Принципы дизайна и практические примеры. Генератор на reChecker.
Полное руководство по единицам измерения CSS: px, rem, em, vw, vh. Когда использовать каждую, доступность, адаптивная вёрстка, важность базового размера шрифта.
Модульная шкала типографики: соотношения (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. Отличия синтаксиса, атрибуты, обработка событий и типичные ошибки.
Пошаговое руководство по миграции проекта с обычного CSS на Tailwind: стратегии, инструменты, типичные замены и решение частых проблем.
Практическое руководство по созданию адаптивных макетов с CSS Grid: брейкпоинты, auto-fill, auto-fit, медиа-запросы и готовые паттерны.
Подробное руководство по Tailwind CSS: установка, конфигурация, утилитарные классы, кастомизация и лучшие практики для веб-разработки.
Руководство по требованиям WCAG к контрасту цветов: уровни AA и AAA, коэффициенты контрастности, инструменты проверки и практические рекомендации.
Изучите другие категории блога или воспользуйтесь нашими инструментами