Нужен верстальщик у которого есть время на оперативное выполнение задачи!  Срок выполнения - неделя.

Сверстать для интернет магазина: 

3 вида страниц категории

карточку товара

корзину

этапы оформления заказа  (Фио > Доставка > Способ оплаты)

Кроссбраузерность по принципам gracefull degradation / progressive enhancement.

Internet Explorer 9+, остальные (Safari, FireFox, Google Chrome, Opera, включая их мобильные) — две последние мажорные версии браузеров, например, FireFox 42.x.x-43.x.x.

В версиях ниже желательна доступность контента, особенно в IE8, который не понимает медиа-запросы (в IE8 страница может быть не адаптивной, а только десктопной).

Общие требования

1) Должна быть четкая и понятная файловая структура: имена основных css- и js- файлов должны быть понятными и простыми, сторонние файлы (плагины, фреймворки), должны содержаться в отдельных папках

2) Нужно выделять сквозные (то есть повторяющиеся на всех страницах), структурные элементы (шапка, подвал, какие-то панельки, виджеты) в подключаемые (см. технологию SSI, если незнакомо; также можно применять другие технологии) html-шаблоны.

3) Производить препроцессинг (например, автоматически добавлять в css свойства, требующие наличие css-префиксов), сборку и минификацию файлов проекта с помощью Grunt или Gulp.

4) Все отступы между блоками/элементами одного смыслового/логического уровней должны быть одинаковыми. У дизайнера в макете все может скакать как угодно, в верстке все должно быть стройно. Например, отступы между анонсами новостей в сайдбаре должны быть одинаковыми в рамках текущей версии, а отступы между разными виджетами в сайдбаре (лента новостей, баннер и т. д. могут быть другими.

5) Все пиктограммы (монохромные иконки) должны быть в виде векторного шрифта (по типу Fontawesome; разумеется, во всех нужных форматах) или в виде svg- иконок (в коде). Статичные и небольшие иконки (без интерактива: hover, focus и т. п.) можно добавлять в base64/svg прямо в css.

6) Применяем в верстке (не обязательно организовывать сборку проекта модулями) методологию БЭМ (см. https://tech.yandex.ru/bem/). В верстке долже быть максимальный «re-use» элементов.

Требования к верстке:

1) Недопустимо использовать javascript-обработчики в построении каркаса сайта,

только чистый css.

Javascript может использоваться только для обеспечения дополнительного функционала сайта (пример не по данным макетам: плавающий сайдбар можно реализовать на js, но без js он должен четко занимать нужную позицию на всех брейкпоинтах адаптивной верстки).

2) Сайд-бар в планшетной и десктопной версиях необходимо сверстать фиксированной ширины, отступ до контента также фиксированные, контент справа от сайд-бара должен тянуться сам. В мобильной версии и соответственно в коде сайдбар должен быть внизу.

3) Все скрипты(добавление в корзину, сравнение и фильтры) должны работать через ajax и работать, без участия бэкэнд разработчика.

Требования к скриптам:

1) Там, где необходимы анимации, нельзя использовать javascript-анимации. Используйте css3-transitions.

2) Все плагины, инициализаторы, функции, кастомные скрипты должны подключаться к проекту модульно и безопасно.

2.1) Инициализации любого плагина должна предшествовать проверка его наличия: в случае отключения плагина/модуля/функции от проекта, весь код должен работать, ошибок быть не должно.

2.2) Все участки кода должны инициализироваться в одном месте для удобства подключения/отключения.

2.3) К функциям и плагинам должен быть доступ из глобальной области видимости (например, чтобы можно было легко в любой момент на странице проинициализировать какой-то модуль/функцию/плагин). Имена в глобальной области должны быть более ли менее безопасными (избегать стандартных plugins, modules, main и т. п.)

7 лет назад
rodion_lebedev
Родион 
44 года
17 лет в сервисе
Был
3 года назад

Заявки фрилансеров

Нет заявок фрилансеров
  • Похожие заказы

  • Кроссбраузерно. С адаптацией. Срок -- строго ДО вторника 26 декабря. js на jQuery. Во вложении более подробные требования к верстке. Предпочтение отдаётся фрилансерам с портфолио и отзывами. Джепеги -- https://yadi.sk/d/zyJkBQV43QptiU ...

    HTML-верстка1 исполнитель
    Завершен
    7 лет назад
  • $200

    Верстка дизайна сайта. Адаптив. Для получения заказа необходимо предоставить готовые работы по верстке сайтов. Макет дизайна главной страницы прилагается. После выбора исполнителя предоставляются исходники всех страниц дизайна.

    HTML-верстка1 исполнитель
    Завершен
    7 лет назад
  • $8

    Добрый день! Нужно: 1. Подправить кроссбраузерность и кроссплатформенность 2. Сделать еще одну прикрепленную кнопку (с анимацией моргания) со всплывающей формой https://cloud.mail.ru/public/Jy2a/Zeo6t5UED Более детально покажу и ...

    HTML-верстка12 заявок
    Закрыт
    7 лет назад
  • Доброго времени суток! Переделывали свой сайт(дизайн,код,верстка) и сейчас он уже практически готов, ну есть моменты,что верстка не корректно работает в некоторых местах.  Нужно исправить, то что работает не корректно и проверить все страницы ...

    HTML-верстка6 заявок
    Закрыт
    7 лет назад
  • $50

    Краткое описание из тз 1. На главной: • Меняем шапку и меню согласно макету: • добавляем поиск,  • обратный звонок,  • ...

    HTML-верстка1 исполнитель
    Завершен
    7 лет назад
  • $50

    Добрый день, Необходимо из psd сверстать в html такой дизайн (скрин во вложении) Для дальнейшей натяжки на шаблон сайта https://varvara-crystal.com.ua/

    HTML-верстка1 исполнитель
    Завершен
    7 лет назад