Бесплатно зарегистрируйся и получай уведомления о новых проектах по работе

Поделиться:

Адаптивная верстка сайта (Верстка из Zeplin)

S
Заказчик
Отзывы фрилансеров: + 11 0 - 1
Зарегистрирован на сайте 11 лет и 7 месяцев
Бюджет: 11 000 руб/заказ
152.71 $ — 125.92 €
Исполнитель определен: >Темур Зиадинов [eleery]
Необходимо сверстать 2 страницы сайта (главная страница и страница с набором элементов). 

1. Верстка адаптивная. По всем страницам подготовлен дизайн в 4х размерах. Поэтому приложите примеры с адаптивной версткой. 
2. От верстальщика требуется быть на связи по скайпу и в конце каждого дня сообщать о результатах проделанной работы. 
3. Срок – 1 неделя
4. Верстка из Zeplin

Тех. требования: 
1. Соответствие макету. 
2. Не должно быть JavaScript-ошибок. 
3. Кодировка: UTF-8. 
4. Все поля, содержимое которых приходит из CMS проверены на работу с разным вариантом контента: короткий, длинный, длинный без переноса. 
5. Кроссбраузерность: Сайт должен корректно отображаться в браузерах: 
- Microsoft Internet Explorer 10, 
- Mozilla Firefox (последней версии), 
- Chrome (последней версии, в т.ч. мобильной версии браузера), 
- Safari (последней версии, в т.ч. мобильной версии браузера) 
6. Сайт должен нормально смотреться во всех стандартных разрешениях от 1024 и выше, не иметь горизонтального скролла и вписываться в экран мобильных устройств. 
7. При верстке не использовать id, только классы. 
8. Избегать вложенности CSS классов и стилизации тегов, кроме стилей для контента второстепенных страниц (допускается, например так: .content p) 
9. Таблицы используются только для создания таблиц. 
10. <img> отображает исключительно смысловую картинку, все элементы дизайна должны задаваться как background соответствующего элемента 
11. Применение тегов <footer>, <header>, <nav>, <artice>, <aside>, <main> для соответствующих блоков. 
12. Заглавие страницы должно быть внутри тега <h1>. На странице может присутствовать только один тег <h1>. 
13. Для всех типов перечислений однотипных элементов обязательно использовать <ul> <li>. 
14. Активно использовать :after :before атрибуты вместо написания служебных пустых блоков. 
15. Использование style внутри тегов разрешено только в случае динамических значений(Например – изменение позиционирования через javaScript). 
16. Стили сайта соответствуют стандарту CSS3, за исключением хаков и вендорных свойств. 
17. CSS3 border-radius, gradient, box-shadow, text-shadow вместо использования графики. 
18. Footer всегда прижат к низу экрана. 
19. Для свойств margin и padding всегда использовать короткую запись. 
20. Обозначение цвета либо в hex (#000), либо в rgba если есть прозрачность, никаких ключевых слов. 
21. В CSS отсутствует !important. Допускается использование !important при обосновании его необходимости в комментарии. 
22. Растровая графика сжата. Использовать прогрессивный джипег. 
23. Подключённые шрифты, их размеры и жирность соответствуют размерам в макетах и ТЗ.
Разделы:
Опубликован:
05.12.2017 | 09:17

Теги: верстальщик удаленно, сверстать сайт, сделать верстку, требуется верстальщик, сверстать страницу, ищу верстальщика