Посредников просьба не беспокоить.
Исполняемые скрипты:
Тут - https://docs.google.com/document/d/1lpsxt3ht4qrcPx4UglzwpXoHaUcIWn4fikcdETfBq4M/edit?usp=sharing
Исходник в Фигме.
Требования к верстке :
- Работа через безопасную сделку. Комиссию оплачиваю я
- Верстка должна быть полностью адаптивной от 1920 и до мобильной версии
- Верстка должна быть закончена полностью и передана для теста. Не допускаются сырые варианты “скажите , что исправить”. Максимум две серии правок.
- Дедлайн должен соблюдаться с превышением не больше 3-ех календарных дней, иначе Заказчик имеет право отказаться от Сделки и потребовать возврат средств.
- Расположение блоков должно быть 1:1 по сравнению с макетом. Допускается расхождение до 5px для текста. Разрешены и даже приветствуются правки размеров и расположения криво нарисованных блоков (разница размерах в 1-2px на разных страницах). Проверка Пиксель Перфектом.
- Должна соблюдаться кодировка UTF-8. Проверяется: в FF Инструменты→Информация о странице, в появившемся окне должно быть написано «Кодировка: UTF8». Эта кодировка должна использоваться для всех файлов: html, css, js (если файлы в разных кодировках могут быть проблемы)
- DOCTYPE: HTML5 . Проверка: открываем исходный код страницы, первая строка должны быть .
- Кроссбраузерность:
- Firefox (последний)
- Chrome (последний)
- Safari (последний) и если у вас нет Mac чтоб проверить «размытые Mac'овские» шрифты (они чуть большего размера, из-за этого бывает вылазят баги) то установите в Preferences→Appearance, «Font Smoothing» в Medium (по дефолту там «Windows Standart»).
- iPhone (смотрим в landscape и portrait режимах, т.е. вертикально и горизонтально) + Android. Тут важно чтоб верстальщик не забыл указать правильный viewport.
- Opera (последняя) Имеет смысл также посмотреть на 12-версии с движком Presto, если там есть баги в отображении — это признак потенциальных проблем в качестве кода
- IE7+ (для IE6 выводится уведомление о неподдержке и предложении скачать другой браузер или установить Google Frame, но с возможностью всё-таки просмотреть сайт)
- Opera Mini (проверяется в Opera Developer Tools→Opera Mini Simulator, нужно установить Java плагин к браузеру, или в крайнем случае: Opera 9.64→Вид-Маленький экран, но в 9.64 JS будет работать полноценно в отличие от настоящей Opera Mini, это нужно учитывать)
- Не должно быть js-ошибок!
- Титулка должна быть валидна в любом случае.
- CSS валидируется по версии 3.0, его валидность не требуется
- Микроформаты должны быть. Как минимум – hCard. Желательно также hCalendar, XFN, hAtom.
- В идеале вёрстка должна соответствовать стандарту доступности: WCAG.
- Независимость блоков в CSS: минимизация каскада, использование техник БЭМ
- Сайт должен нормально смотреться во всех стандартных разрешениях от 1024 и выше, не иметь горизонтального скролла и вписываться в экран мобильных устройств
- Оптимизация скорости загрузки
- Поддержка Retina
- Наличие Win/Mac/Linux-аналогов шрифтов
- Доступность при выключенных(загружающихся) картинках
