Архив leokrokholev.com · проверка №5

Новая вёрстка: шесть типов страниц

Собраны образцы всех основных типов страниц сайта. Если они приняты — тем же способом собираются остальные 88, поэтому важно поймать общие огрехи сейчас.

Что изменилось и что проверяем

Старый сайт-портфолио сделан лет десять назад в программе Adobe Muse. Она верстала страницы четырьмя отдельными макетами жёсткой ширины (320, 360, 950 и 1200 точек) и переключала их по размеру экрана. Между этими размерами страница либо не помещалась и наезжала сама на себя, либо тонула в пустоте.

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

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

Шесть адресов — по одному на каждый тип страницы

Слева — новая вёрстка (проверяем), справа — тот же адрес на старом сайте (эталон). Открывайте парами в соседних вкладках.

ТипНовая вёрсткаСтарый сайт
Главная
плитки работ
/index-v2 /index.html
Проекты
разделы
/projects-v2 /projects.html
Раздел
логотипы
/logo-v2 /logo.html
Работа
со слайдшоу
/cocacola-v2 /cocacola.html
Блог
статьи
/after-effects-v2 /after-effects.html
О себе
текст и фото
/about-v2 /about.html

Важно: адреса новой вёрстки заканчиваются на -v2. Без этого окончания откроется старая сборка, которую мы заменяем.

Как проверять

Заполняйте на компьютере. Шаги для телефона подписаны: посмотрели на телефоне — вернулись и отметили. Ответы сохраняются сами, можно закрыть и вернуться. Отправка одна, в конце.

Чинить не нужно — опишите, что видите. «Не смог проверить» — нормальный ответ.

Нашли расхождение — напишите, где именно: при какой примерно ширине окна и в каком месте страницы. По такому описанию я повторяю замер инструментом.

Это уже известно — не проверять

0 из 0