Loading page
This may take a few seconds.
If reChecker is not working correctly, describe the problem and the page where it happened. Leave an email or phone number; we will reply after checking.
Блог reChecker
Статьи, инструкции и практические разборы из раздела «CSS & Дизайн».
22 статьи в разделе «CSS & Дизайн»22 статьи в разделе «CSS & Дизайн»
Пошаговый процесс создания цветовой палитры для сайта: от выбора базового цвета до системы акцентов и нейтральных оттенков. Частые ошибки и как их избежать.
Руководство по 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-переменные, инструменты и методы.
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. Когда какой формат выбирать, конвертация и практические рекомендации.