Архив: Адаптивная верстка сайта

Описание

Т.к. загрузка программистов в работе. Нужен ответственный фронтенд исполнитель, который сделает верстку нашего сайта.







Помимо html, CSS, JS, необходимо работать с: pug, scss, gulp, es6+, Yeoman, знание bem naming.



Использовать foundation xy grid для разметки: https://foundation.zurb.com/sites/docs/xy-grid.html







Другие требования к верстке:



mobile first

responsive and adaptive layout

знать flexbox

опыт с svg, svg-спрайтами

bem naming

компонентный подход при написании стилей





Репозиторий для проекта уже создали (скинем исполнителю непосредственно), необходимо будет все заливать в него. Работа будет курироваться нашим фронтенд разработчиком.







Дизайн сайта: https://drive.google.com/open?id=1ZULPMfyy3dc3Asi37pakzgZ_FIA_5GCl



Все макеты в PSD, SVG элементы, стайлгайд и т.д. предоставим исполнителю непосредственно.



Имейте в виду, что есть моб и десктоп версия в макетах, нужно на базе них сделать и планшетную, чтобы корректно выглядела.







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







Требования к анимации:



Использовать новые CSS свойства для красивой анимации, помимо стандартных элементов анимации, хотим видеть анимацию на "пузырьках", чтобы они переливались между своими основными цветами сайта, чуть более живого эффекта придать сайту. Но опять таки - не слишком много анимации, чтобы не выглядело наляписто и через чур, все плавно и со вкусом.







Также использовать новые свойства CSS в плане реализации верстки. К примеру, для встройки картинки в верстку, в подобных элементах: https://c2n.me/40CmGCM



Мы используем это свойство: https://caniuse.com/#search=clip-path







Пишите стоимость работы, сроки реализации. Пишите в телеграм web_baza

Категория

Веб-программирование