Чек-листы по разработке сайтов и веб-приложений

checklistcoding.md

Чек-лист вёрстки

Для того чтобы отдавать вёрстку клиенту, достаточно обязательного соблюдения первых 5 пунктов. Для выдачи в продакшен — первых 6.

1. Соответствие макету
2. Кроссбраузерность, кодировка и DOCTYPE
3. Валидность (включая CSSLint и JSHint), доступность, микроформаты
4. Независимость блоков в CSS: минимизация каскада, использование техник БЭМ
5. Сайт должен нормально смотреться во всех стандартных разрешениях от 1024 и выше, не иметь горизонтального скролла и вписываться в экран мобильных устройств
6. Корректная работа при вбивании реального текста, надёжность вёрстки
7. Использование препроцессоров и систем сборки
8. Проверка и оптимизация скорости загрузки: github.com/ihorzenich/WebPerformanceChecklist
9. Поддержка Retina
10. Наличие Win/Mac/Linux-аналогов шрифтов
11. Доступность при выключенных(загружающихся) картинках
12. HTML5 формы, линковка, валидация
13. Семантичность. Отсутствие глупостей в html и css, единообразие, аккуратность
14. Правильная структура заголовков (H1,H2,… и т.д. и TITLE)
15. Работоспособность при выключенном JavaScript
16. Работоспособность при выключенном Flash
17. Отсутствие багов при увеличенном шрифте

Полный чек-лист с описаниями

minrequire.md

Минимальные требования к тестированию веб-сайта

1. Проверка полной функциональности сайта: формы, кнопки, ссылки, поиск, фильтры, подгрузка файлов, счётчики;
2. Проверка вёрстки и разметки: грамотная структура, семантика, валидность кода;
3. Проверка на кроссбраузерность;
4. Проверка на различных устройствах и разрешениях;
5. Проверка без подключаемых файлов css стилей;
6. Проверка без подключаемых веб-шрифтов;
7. Проверка производительности: нагрузочное тестирование, тестирование быстродействия (оптимизация загрузки сайта)
8. Проверка доступности.

Полный чек-лист тестирования веб-приложения