WWhoa Web Studio
Сценарии

Сценарии работы с кодом · Читаемая веб-типографика

03
Вокруг ваших задач

Конкретная отправная точка

Сделайте длинный заголовок читаемым на разных экранах. Проверьте увеличенный текст и несколько языков, сохраняя формулировку целиком вместо обрезания под размер блока.

01

Откройте контекст

Выберите папку проекта и обозначьте нужные файлы или поведение.

02

Опишите изменение

Укажите входные данные, ожидаемый результат и границы, которые нужно сохранить.

03

Изучите работу

Проверьте предлагаемые изменения и команды, прежде чем полагаться на результат.

04

Проверьте результат

Сравните фактическое поведение с ожидаемым. Если проверка не проходит, разберитесь в причине перед следующими изменениями.

Читаемая веб-типографика

Конкретная отправная точка
h1, h2, .long-label {
  overflow-wrap: anywhere;
  hyphens: auto;
}
.content { max-width: 70ch; }

Пример — отправная точка для реального проекта, а не утверждение, что сгенерированный код уже протестирован. Адаптируйте пути, зависимости и ожидаемое поведение к своему приложению.

Рабочая среда с ИИ для кода

Здесь начинается ваше следующее изменение.

Скачать для Windows ↗