robo-t
Верстка
Дизайн
Github
Чеклист верстки
Общее
Адаптивность проверена на основных размерах экранов (320, 480, 1024, 1280, 1440, 1600, 2k)
Viewport Meta Tag используется правильно
Используется X-UA-Compatible meta tag
Используется Format detection meta tags
Есть версия для отключенного JS
Apple-Specific
meta tags
Задан правильный язык и кодировка
Правильно используются семантические HTML теги
Названия классов понятны и содержательны
Графика
Поддерживаются retina экраны
Favicon 16x16, 32x32
Apple icons
Android icons
Используем спрайты
Для всех изображений указаны размеры
Для всех изображений используется атрибут alt
Фотографии оптимизированы
(imageoptim.com)
Фотографии адаптивны
SVG везде, где можно
Валидация и скорость
Оптимизировано с помощью
Google PageSpeed tools
Нет ошибок и предупреждений
HTML validation
Нет ошибок и предупреждений
CSS validation
Проверено в
Link checker
Работа с файлами
Весь JavaScript объединен в один файл
JavaScript файл сжат
Не используется JavaScript inline
Все CSS объединены в один файлы
CSS файл сжат
В CSS не используется @import
Не используется CSS inline
Не подгружаем ничего лишнего
Отрисовка страницы и производительность
CSS загружается в head
Скрипты загружаются в конце документа
Скрипты загружаются с использованием атрибута defer
Не используем document.write
Анимация
60 FPS
Поддержка браузеров
Сайт корректно отображается во всех современных браузерах (Safari, Firefox, Chrome, IE11, EDGE)
Сайт корректно отображается во всех современных мобильных браузерах (Chrome for Android, iOS Safari)
Инпуты работают правильно и на десктопе и в мобильной версии
SEO
Используются заголовки (H1, H2, etc)
Заголовки идут в правильном порядке
Только один заголовок H1 на странице
Присуствует тег Meta descriptions
Присуствует тег Meta keywords
В ссылках заполнен атрибут title
В меню в ссылках атрибут title не добавлен