Як тестувати верстку

Якщо моя відповідь допоміг, то відзначайте рішенням :-)

  1. Перевірка відповідності макету.
    Допускається розбіжність до 5px для тексту. Дозволені і навіть вітаються правки розмірів і розташування криво намальованих блоків (різниця розмірах в 1-2px на різних сторінках).
    Як інструмент можна використовувати Pixel Perfect (див. Статтю).
  • Перевірка на всіх необхідних пристроях.
    Навіть сайти, що не адаптовані під мобільний пристрій, повинні на ньому більш-менш коректно виглядати. На мобільних пристроях слід перевіряти хоча б в двох браузерах.
    Цікавий сервіс: webmark.com.ua/mobile
    Можна засобами браузера.
    Адаптивна верстка - рекомендую бутстрап, getbootstrap.com
  • Наявність Win / Mac / Linux-аналогів шрифтів. При використанні нестандартних шрифтів (визначити подгрузку таких шрифтів - також в консолі на закладці Network), перевірити, що в разі їх незагрузкі сайт нормально виглядає.
    Як емулювати їх незагрузку? Наприклад, якщо шрифт вантажиться з google fonts, закрити до нього доступ через файл hosts. Сайт буде виглядати інакше, але нічого не повинно занадто сильно розвалюватися.
  • Перемикання між елементами форм по кнопці tab
  • Лого на внутрішніх сторінках має вести на головну сторінку (повинно бути посиланням)
  • Інтерактивність відповідних елементів - реакція на наведення і натиснення
  • Skype-плагін не повинен ламати верстку
  • Ресайз textarea не повинен ламати верстку
  • Посилання на сторонні сайти повинні бути з target = "_ blank" (відкриватися в новій вкладці)
  • Перевірка орфографії, в тому числі автоматизованими засобами (Word'ом)

    • Схожі статті