Инструменты для вёрстки

Генераторы, конвертеры и тренажёры по HTML и CSS. Все работают в браузере: настройте результат, посмотрите его сразу и скопируйте готовый код.

Тренажёры

Задания с проверкой: вы пишете селектор или выбираете ответ, а браузер показывает, что сработало и почему. Прогресс сохраняется в браузере.

Раскладка и размеры

Конструкторы раскладки на Flexbox и Grid и конвертер единиц. Меняйте свойства, сразу смотрите результат и копируйте готовый CSS и HTML.

Цвет и фон

Подбор цветов и проверка контраста, градиенты и фоновые узоры без картинок, градиентная заливка текста.

Эффекты

Тени, фильтры, стеклянный эффект и анимации. В каждом генераторе есть галерея готовых вариантов — выберите основу, доработайте её и скопируйте CSS.