0

Работа над «багами» вёрстки

08 октября 2008

Работая над проектом, приходится отслеживать «баги», возникающие в вёрстке страниц сайта. Они могут появиться по нескольким причинам:

  • из-за имеющихся несоответствий в браузерах;
  • из-за того, что верстальщик недоглядел за какими-то элементами сайта;
  • из-за того, что в процессе работы возникли новые идеи по разработке каких-либо сервисов или онлайн-форм на сайте.

Так как мне ещё не удалось встретить верстальщика, который сам мог бы отследить все несоответствия макету, работа над поиском «багов» ведётся всеми участниками процесса и, в самой большей степени, мной, как человеком, ответственным за проект.

Мы вдвоём с верстальщиком работаем следующим образом. Когда проект уже почти готов к сдаче, я просматриваю каждую страницу, проверяю каждую форму и кликаю по каждой ссылке. Параллельно с этим я записываю все недочёты в обычный текстовый документ, а затем пересылаю этот документ верстальщику. Верстальщик обязан исправить всё по пунктам. После этого происходит ещё одно (или даже не одно) постраничное тестирование.

С «багами», которые можно описать на бумаге, всё понятно. Но встречаются «баги», которые легче всего показать на картинке. Даже если мы с верстальщиком находимся в одном кабинете, всё равно удобнее заранее приготовить скриншоты всех «багов».

Раньше я пользовалась обычной кнопкой PrtSc и программой Photoshop, в которой обрезала картинку до нужных размеров. Теперь нашла для себя более удобный способ — программка PicPick.

Программа создания скриншотов

Подробное описание есть на Хабре.

От себя хочу добавить, что теперь я делаю скриншоты, без преувеличения, за 5 секунд. При этом картинка уже обрезана именно так, как мне нужно, — с акцентом на найденный «баг».

Пример создания скриншота «бага»

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

Оставьте комментарий