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

Поделиться:

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

S
Заказчик
Отзывы фрилансеров: + 11 0 - 1
Зарегистрирован на сайте 11 лет и 7 месяцев
Бюджет: 11 000 руб/заказ
153.46 $ — 125.96 €
Исполнитель определен: >Ольга Бевзюк [bev-olga]
Необходимо сверстать 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. Подключённые шрифты, их размеры и жирность соответствуют размерам в макетах и ТЗ.
Разделы:
Опубликован:
12.12.2017 | 17:01

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