Нужна адаптивная кросс-броузерная верстка под стандартные разрешения. В макете всего лишь 2 более менее сложных блока и ФОС. Интересует верстка Pixel-perfect (пиксель в пиксель).
Предоставляетя: макет в PSD, в том числе и для моб. версии, набор графики и шрифты. Исходники получит выбранный кандидат.
Сдать работу в готовом виде нужно до 12 июня.
Оплат проекта по готовности. Проверям, все ок – оплачиваем.
Фрилансеры не читающие описание задания не рассматриваются. Прочитавшим, просьба в отклике указать "я все внимательно прочитал".
К качеству верстки предъявляется перечень требований. Обязательно выполнение ВСЕХ требований:
Разметка
Б1. Выполнена HTML-разметка всех страниц и всех элементов на страницах.
Критерий требует, чтобы все страницы личного макета и все элементы на этих страницах были свёрстаны.
Б2. К страницам подключён один стилевой файл (с учётом normalize.css к каждой странице могут быть подключены два файла).
Критерий говорит о том, что все стили страниц должны находиться в едином файле. Исключением является файл normalize.css. Он может быть подключён отдельно, перед основным стилевым файлом.
Б3. Стилевой файл подключён внутри <head>.
Подключение стилевых файлов должно производиться внутри <head>.
Б4. Грубые ошибки в разметке отсутствуют.
Б5. Документ проходит проверку на валидность
.
Стилизация
Б6. Вся собственная стилизация выполнена в одном стилевом файле.
Б7. Раскладка блоков на странице сделана не с помощью таблиц или позиционирования.
Б8. В CSS отсутствует !important. Допускается использование !important при обосновании его необходимости в комментарии.
Б9. Подключены правильные шрифты, их размеры, цвета и толщина соответствуют размерам, цветам и толщине в макетах и техническом задании.
Б10. Указаны альтернативные варианты шрифта и тип семейства в конце перечисления font-family.
Б11. При наполнении контентом (как в макете) элементы каждой страницы соответствуют макету.
Тестирование
Б12. Вёрстка идентично отображается в последних версиях браузеров Chrome, Opera, Firefox, Safari, а также в Internet Explorer 10+.
Б13. Сайт нормально смотрится на минимальном для макета разрешении.
Разное
Б14. В корне документа имеются папки css, img, js или аналогичные. Главная страница имеет название index.html. В названиях и расширениях файлов нет заглавных букв и пробелов, использованы только латинские символы.
Б15. Единообразное написание и форматирование кода в HTML, CSS и JavaScript.
Б16. Выбран подходящий формат изображений.
Дополнительные критерии
Разметка
Д1. У всех изображений в теге <img> прописан размер.
Д2. Использовано минимально возможное количество HTML-элементов (нет лишних элементов).
Д3. Все скрипты подключены непосредственно перед </body>.
Д4. Названия полей форм привязаны к своим полям с помощью <label>.
Стилизация
Д5. Использован normalize.css.
Д6. Для стилизации не использованы #id.
Д7. Нет вложенности селекторов больше двух.
Д8. Явно указано подходящее vertical-align для потоковых блоков с display: inline-block.
Д9. Для CSS-свойств с префиксом указан его вариант без префикса, и это указание идёт последним.
Д10. Для блока, у которого есть фоновое изображение, прописан фоновый цвет, который соответствует преобладающему цвету изображения (пока изображение не загружено, страница выглядит похоже на макет).
Д11. Все состояния элементов (смотрите styleguide.psd) прописаны в стилевом файле.
Д12. Файл стилей представлен в двух вариантах: с форматированием и минимизированный, к странице подключён минимизированный.
JavaScript
Д13. JavaScript-файл представлен в двух вариантах: с форматированием и минимизированный, к странице подключён минимизированный.
Д14. С помощью JavaScript реализовано открытие/закрытие окна с формой (без вспомогательных библиотек).
Д15. С помощью JavaScript добавлена анимация формы (без вспомогательных библиотек).
Д16. Добавлена интерактивная карта (допускается подключение с помощью iframe).
Тестирование
Д17. Вёрстка проходит тест на переполнение контентом.
Д18. Критический функционал сайта работоспособен без JavaScript (использовано прогрессивное улучшение).
Разное
Д19. Отсутствует транслит в названиях классов, атрибутах и так далее.
Д20. При взаимодействии с элементами (наведение, нажатие) ни сам элемент, ни окружающие его блоки не меняют своего положения (если иное не прописано в ТЗ или slyleguide.psd).
Д21. Проведена базовая оптимизация: минифицированы стили и скрипты, использован спрайт или иконочный шрифт (можно оба).
Д22. Страницы должны ссылаться друг на друга из главного меню.