arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобраны системные ошибки в вёрстке: ширина блоков в пикселях вместо процентов, отсутствие классов (инлайн-стили везде), плохое именование слоёв, избыточные обёртки без смысла, использование фиксированной высоты на родителях. Для каждой — объяснение почему это ошибка и как правильно. Большинство ошибок — не случайные, а системные: дизайнеров учат «нарисовать в Figma», но не объясняют, как думает браузер. Пиксельная ширина — главный враг адаптива. Отсутствие классов — главный враг поддержки проекта. Урок-аудит: полезен всем на любом уровне. Даже если верстаешь давно — здесь найдёшь ошибки из своей практики. Особенно ценен как «проверочный список» перед сдачей проекта клиенту.

Как дизайнеров учат неправильно верстать сайты — разбор ошибок в Taptop

Прошёл курс по веб-дизайну — и всё равно сайты ломаются. Адаптив не работает, блоки едут, клиент недоволен. Где была ошибка с самого начала?
Большинство ошибок системные: ширина в пикселях, отсутствие UI Kit, путаница с отступами. Дизайнеров учат рисовать в Figma, не объясняя, как думает браузер. Разбор конкретных ошибок с правилами. Для всех, кто сталкивается с проблемами адаптива. После просмотра понимаешь корень ошибок и исправляешь подход к вёрстке.
Тайминги видео
00:00 — Почему дизайнеры верстают с ошибками: системный взгляд 20:00 — Ошибка 1: пиксели для ширины блоков 40:00 — Ошибка 2: вёрстка без классов и Style Guide 1:00:00 — Ошибка 3: именование слоёв «div1», «div2» 1:15:00 — Правильный подход и примеры 1:25:00 — Ответы на вопросы

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока