Заказчик
Отзывы фрилансеров:
+ 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]