Необходима верстка сайта с двумя версиями: мобильной и десктопной. Требования включают использование БЭМ, семантическую разметку, адаптивность, кроссбраузерность, оптимизацию изображений и подключение шрифтов. Сайт должен корректно отображаться в последних версиях популярных браузеров на разных устройствах. Предпочтительны навыки работы с препроцессорами и шаблонизаторами.
Версика главной страницы сайта
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
2 версии сайта мобильная и дектоп, адаптив на каждую версию
Требования к совместимости с клиентскими браузерами
Сайт должен быть рассчитан на работу при минимальном горизонтальном
разрешении экрана 320 точки (px). Отображение сайта в зависимости от
разрешения монитора
разрабатывается исходя из дизайн-макетов, которые согласовываются с
Заказчиком
перед этапом вёрстки шаблонов страниц сайта.
Все функции сайта корректно работают в следующих браузерах
1. Windows 7,8,10
1. Microsoft Edge (последняя актуальная версия на момент запуска сайта).
Страница 5 из 13
2. Mozilla Firefox (последняя актуальная версия на момент запуска
сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).
2. OS X
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска
сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).
3. Мобильные устройства
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска
сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera Mini (последняя актуальная версия на момент запуска сайта).
Для корректного отображения портала в браузере должна быть включена
поддержка
JavaScript сценариев и разрешено сохранение cookies.
Используемые технологии:
-Сборщик (с конфигом)
-БЭМ (туда же можно OOCSS, SMACSS)
-Линтеров наличие, желательно
-Семантическая разметка (html5 тэги и их иерархия)
-Контент не должен ломать вёрстку
-Препроцессоры / SCSS, LESS - режим организации стилей на проекте в целом
-Шаблонизаторы
-Респонсива наличие само собой
-Стиль кода (js/jquery)
-Кроссбраузерность
-Фавиконы кросбраузыерные (сборщик решает эту проблему)
-Рациональность использования сторонних плагинов или наоборот их отсутствие
-Оптимизация (использование тегов picture, размеры файлов и пр. вещи из googlePageSpeed, например)
-Картинки и современные форматы изображений, в идеале
-Шрифты и их подключение (в идеале бы вариативные)
-Векторные иконки (их оптимизация)
-Единицы измерения в идеале не px, а rem/em
Тесты на Jest — фреймворк для тестирования JavaScript, разработанный для
обеспечения уверенности в правильной работе любого JavaScript кода.
Заявки фрилансеров
Похожие заказы
- HTML-верстка30 заявокЗакрыт3 года назад
- $15
Требуется оперативно сверстать блок на сайте с использованием HTML. Приложено превью для понимания задачи. Ожидается качественная и быстрая работа.
HTML-верстка1 исполнительЗавершен3 года назад Необходимо сверстать новые страницы и модальные окна для веб-сайта. Задача включает добавление элементов на главную страницу, страницу товара и страницу техподдержки, а также переработку страницы профиля. Важно учесть мобильную версию и анимацию для страницы 'колесо бонусов'. Ожидается опыт в HTML-верстке и наличие портфолио.
HTML-верстка1 исполнительЗавершен3 года назадНеобходима верстка страниц сайта для успешного прохождения теста PageSpeed Insights. Задача — достичь оценки «проверка пройдена» без удаления или ухудшения изображений. Требуются навыки HTML, CSS, PHP и JS, а также наличие выполненных проектов с аналогичной оценкой. Ожидается информация о подходе, сроках и стоимости выполнения задачи.
HTML-верстка9 заявокЗакрыт3 года назад- $15
Требуется изменить вид форм заявки на сайте с помощью CSS. Необходимо увеличить размер текста кнопки, сделать поля ввода прямоугольными, адаптировать форму для мобильных устройств и использовать светлые тона. Результат - блок CSS-кода для внесения на сайт.
HTML-верстка14 заявокЗакрыт3 года назад Необходимо сверстать страницу по макету из Figma для десктопной и мобильной версии. Все стили и размеры указаны в макете. Иконки и форма не требуют верстки, нужно учесть адаптивность. Код должен быть читабельным и хорошо структурированным, без использования Bootstrap.
HTML-верстка3 заявкиЗакрыт3 года назадТребуется помощь в завершении учебного проекта по HTML-верстке к 10 июля. Необходимо разработать страницу, каталог и всплывающее окно. Уровень задачи - новичок, проект уже частично выполнен.
HTML-верстка39 заявокЗакрыт3 года назадТребуется наполнить сайт dopschik.ru товарами, в частности брелками для сигнализаций. Необходимо выполнить HTML-верстку и добавить информацию о товарах на сайт.
HTML-верстка1 исполнительЗавершен3 года назад- $30
Необходимо скопировать страницу сайта с возможностью ее повторной верстки. Ищется специалист по HTML-верстке для выполнения задачи. Важно обеспечить точность копирования и качественное выполнение работы.
HTML-верстка1 исполнительЗавершен3 года назад