Начинаю всегда одинаково — с разбора, а не с правок. Открываю страницу в нескольких браузерах, на настольном экране и на телефоне в руках, прохожу её сверху вниз на реальных контрольных ширинах и записываю всё, что нашлось: где блок ушёл из сетки, где строка налезла на соседнюю, откуда берётся горизонтальная прокрутка, которой быть не должно. Получается список с адресами и ширинами, а не общее рассуждение о том, что вёрстка поедет. Уже по нему видно, где работы на полчаса, а где придётся разбирать узел целиком.
Дальше сама починка, и она идёт по порядку, от несущего к мелочам. Сперва убираю то, что распирает страницу вбок: пока этого нет, все остальные измерения врут. Потом привожу отступы и размеры шрифта к единой шкале — обычно после этого половина съехавших блоков встаёт на место сама. Разбираюсь со шрифтами: какие подключены, сколько их нужно на самом деле, как они грузятся и не дёргается ли текст в момент появления гарнитуры. Картинкам задаю размеры, кнопкам и полям форм — внятные зоны нажатия, чтобы по ним попадали пальцем с первого раза. Тёмная тема, если она нужна, делается тем же заходом, а не отдельной историей поверх.
Последний шаг — повторный обход, тот же самый, что был в начале, и обязательно на медленном соединении: на быстром интернете многие огрехи просто не успевают показаться.
— правки делаются копией темы или отдельным файлом стилей — оригинал остаётся нетронутым, иначе обновление движка сотрёт работу;
— контраст текста проверяется по нормам доступности, а не на глаз;
— если проблема в самой структуре страницы, честно говорю, что это переделка, а не правка, и не латаю костылями;
— отдаю список изменений с пояснениями, чтобы правки можно было поддерживать и без меня.
Дальше сама починка, и она идёт по порядку, от несущего к мелочам. Сперва убираю то, что распирает страницу вбок: пока этого нет, все остальные измерения врут. Потом привожу отступы и размеры шрифта к единой шкале — обычно после этого половина съехавших блоков встаёт на место сама. Разбираюсь со шрифтами: какие подключены, сколько их нужно на самом деле, как они грузятся и не дёргается ли текст в момент появления гарнитуры. Картинкам задаю размеры, кнопкам и полям форм — внятные зоны нажатия, чтобы по ним попадали пальцем с первого раза. Тёмная тема, если она нужна, делается тем же заходом, а не отдельной историей поверх.
Последний шаг — повторный обход, тот же самый, что был в начале, и обязательно на медленном соединении: на быстром интернете многие огрехи просто не успевают показаться.
— правки делаются копией темы или отдельным файлом стилей — оригинал остаётся нетронутым, иначе обновление движка сотрёт работу;
— контраст текста проверяется по нормам доступности, а не на глаз;
— если проблема в самой структуре страницы, честно говорю, что это переделка, а не правка, и не латаю костылями;
— отдаю список изменений с пояснениями, чтобы правки можно было поддерживать и без меня.
