Кроссбраузерно. С адаптацией. Срок -- строго ДО вторника 26 декабря. js на jQuery. Во вложении более подробные требования к верстке. Предпочтение отдаётся фрилансерам с портфолио и отзывами. Джепеги -- https://yadi.sk/d/zyJkBQV43QptiU ...
Нужен верстальщик - профессиональный
Нужен верстальщик у которого есть время на оперативное выполнение задачи! Срок выполнения - неделя.
Сверстать для интернет магазина:
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 и т. п.)
Заявки фрилансеров
Похожие заказы
- HTML-верстка1 исполнительЗавершен7 лет назад
есть заверстанная страница сайта. Нужно внести мелкие правки - поравнять отступы, расстояния, как в макете изменить стиль Подробное ТЗ - в личку исполнителю
HTML-верстка1 исполнительЗавершен7 лет назадВерстка Лендинг в короткие сроки, без растяжки .
HTML-верстка50 заявокЗакрыт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 лет назад Верстка макетов адаптивно в приложение макеты бюджет 4500 рублей! сроки 3-4 дня рабочих!
HTML-верстка27 заявокЗакрыт7 лет назадНеобходимо сверстать блок Подробнее ТЗ: https://docs.google.com/document/d/1OgRZjKoG3BTkhJV61eEMmBnpaGQgF9wIIf2n7Foc2WU/edit пишите цену и сроки
HTML-верстка11 заявокЗакрыт7 лет назад- $50
Добрый день, Необходимо из psd сверстать в html такой дизайн (скрин во вложении) Для дальнейшей натяжки на шаблон сайта https://varvara-crystal.com.ua/
HTML-верстка1 исполнительЗавершен7 лет назад