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

Верстка мобильной версии сайта

d
Заказчик
Отзывы фрилансеров: + 0 - 0
Зарегистрирован на сайте 4 года и 8 месяцев
Бюджет: 100 руб
1.07 $ — 1 €
Оцените стоимость и сроки работы

1) Использовать для верстки HTML 5 (без Adobe Flash Player), СSS3 (SCSS приветствуется) , JavaScript и jQuery;
2) Pixel perfect адаптивная верстка , допускаются незначительные отклонения размеров текста и их переносов;
3) Если в архив не вложены шрифты, то их по названию можно найти в Google Fonts;
4) Десктопная версия, основной размер 1920x1080 пикс., нужен адаптивный вариант под  1360x768 и 1000x768  пикс. Учитывая, что иногда появляется скроллбар, то +/- можно ширину сделать немного другую;
5) Мобильная версия 414x746 и 320x568;
6) Не используйте в верстке стили:
white-space: pre;
white-space: pre-wrap;
7) Надо предусмотреть, чтобы в блоках не ломалась верстка в которых будет динамически меняться контент
8) Желательно не использовать часто  CSS3 Media Queries, если можно некоторые блоки сделать резиновыми;
9) Не использовать часто position absolute;
10) Для простых анимаций не использовать JavaScript, если можно использовать css transition и keyframes
11) Для сложных анимации использовать requestAnimationFrame (и по возможности HTML 5 Canvas)
12) Останавливать цикличные анимации, если они находятся вне области видимости
13) Одинаковые стили группировать в классы и стараться не использовать повторяющиеся стили
14) Нужно, чтобы сайт корректно отображался во всех современных браузерах Google Chrome, Safari и Mozilla Firefox как на ПК, так и на мобильных устройствах
15) Сайт должен скроллиться без подтормаживаний и не вызывать постоянно высокую загрузку процессора.
16) Элементы управления на сайте должны быть быстро отзывчивыми и нажиматься с первого раза на всех устройствах.
17) Не использовать let,  Promise и стрелочные функции JavaScript для большей совместимости со старыми браузерами .
18) Также не использовать  повторяющиеся блоки кода в JavaScript, если есть возможность вынести их в отдельные функции
19) В своем коде JavaScript не объявлять глобальные переменные.
20) Не объявлять  слишком короткие названия переменных, классов и идентификаторов
21) Если десктопная версия была сверстана не вами, а вы делаете только адаптив, то пишите стили в отдельный файл CSS
Разделы:
Опубликован:
14.10.2019 | 17:31 [последние изменения: 14.10.2019 | 17:32]

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

Сведения об ООО «Ваан» внесены в реестр аккредитованных организаций, осуществляющих деятельность в области информационных технологий. ООО «Ваан» осуществляет деятельность, связанную с использованием информационных технологий, по разработке компьютерного программного обеспечения, предоставлению доступа к программе для ЭВМ и является правообладателем программы для ЭВМ «Платформа FL.ru (версия 2.0)».