Визуальная основа

Композиция, иерархия, типографика, цвет, контраст, сетки, адаптивность, изображения и иконки.

Материалы

• Визуальная иерархия учебной страницы

  Визуальная иерархия учебной страницы на едином учебном макете ProfessorWeb с разбором ожидаемого результата

• Ширина статьи и боковые области

  Ширина статьи и боковые области на едином учебном макете ProfessorWeb с разбором ожидаемого результата

• Типографика русского текста и кода

  Типографика русского текста и кода на едином учебном макете ProfessorWeb с разбором ожидаемого результата

• Дизайн учебной статьи: вертикальный ритм и списки

  Вертикальный ритм и списки на учебной статье ProfessorWeb с примерами CSS и разбором результата

• Цветовая палитра сайта: роли цветов на примере ProfessorWeb

  Цветовые роли ProfessorWeb на учебной статье ProfessorWeb с примерами CSS и разбором результата

• Блоки кода в статье: оформление и читаемость

  Оформление длинных блоков кода на учебной статье ProfessorWeb с примерами CSS и разбором результата

• Широкие таблицы в учебной статье

  Широкие таблицы в учебной статье на учебной статье ProfessorWeb с примерами CSS и разбором результата

• Скриншоты и схемы в статье: оформление и подписи

  Скриншоты схемы и подписи с последовательным разбором на макете ProfessorWeb

• Адаптивная вёрстка длинной статьи

  Адаптация сложной статьи на готовом учебном проекте reading-lab для ProfessorWeb

• Веб-шрифты: загрузка без сдвигов страницы

  Загрузка шрифтов и устойчивость страницы как самостоятельное углубление учебного макета ProfessorWeb

• Версия учебной статьи для печати

  Версия учебной статьи для печати как самостоятельное углубление учебного макета ProfessorWeb

• Изображения и скорость длинной статьи

  Изображения и скорость длинной статьи как самостоятельное углубление учебного макета ProfessorWeb