Павел, привествую!
Уже работали, хочу снова обратиться за помощью. Задача, такая же как в прошлый раз — сверстать страницу (главную) по готовому макету (mob+desktop).
Единственное в этот раз помимо главной будет еще ряд страниц, около 20. Делаем полный редизайн сайта. (осталось отрисовать около 5 простых страниц, все остальное готово)
По формату работы... хочется чтобы была сделана главная-> отдаю разработчикам на проверку и натяжку-> если всё хорошо, ставлю задачи на все остальные страницы.
Первую задачу рассматриваем и оплачиваем отдельно. Остальные готов обсудить общим пулом.
Жду ориентировочную стоимость и срок выполнения задачи (пока требуется оценка только по главной).
Макет главной по ссылке:
www.figma.com/design/L2QB... //
Требования к верстке:
Отзывчивый дизайн (Responsive Design): Сайт должен быть адаптивным и корректно отображаться на различных устройствах, включая настольные компьютеры, планшеты и мобильные телефоны.
Верстка Pixel Perfect
Кроссбраузерная совместимость:
Сайт должен корректно отображаться в последних версиях основных веб-браузеров, таких как Chrome, Firefox, Safari, Yandex и Edge. Браузерах мобильных устройств: iOS и Android.
Стандарты:
HTML5/CSS3. HTML — должен проходить валидацию поисковых систем.
Javascript — используется фреймворк jQuery.
Семантическая разметка на уровне грамотного использования тегов.
Структурный, комментируемый код (обозначается начало/конец крупных блоков). Отбивка табами.
Имена переменных осмысленные, на ваше усмотрение.
Для создания адаптивного и гибкого макета сайта рекомендуется использовать Bootstrap Grid.
HTML код:
Кодировка – utf-8
Классы служат для привязки оформления и JS функционала.
Желательно использовать методологию БЭМ.
CSS код:
Структурный, отбивка табами.
Комментариями обозначены начало/конец крупных модулей/блоков разметки.
Javascript:
Структурный, отбивка табами.
Снабжен комментариями: описаны назначения функций и условий.
Иконки и маленькие изображения:
Первый приоритет использование svg
Второй приоритет png
Все иконки должны быть оптимизированы для retina экранов.
Файловая организация:
HTML файлы лежат в корне. Главная страница – index.html. Остальные – по именам макетов.
Стили в папке /css/
Javascript — /js/
Изображения оформления — /image/