Работодатель: Versta
Год: 2017
Категория: Верстка
Задача: Сверстать страницу в соответствии с требованиями
Требования к верстке:
1. Верстка статичная, не адаптивная.
2. Изменение цвета всех кнопок и ссылок при :hover происходит с transition: ease-in-out 0.25s :hover должен быть на всех активных элементах. Если он не указан в макете, делаем на ховере opacity элемента 70% от исходной. cursor: pointer также необходим на всех активных элементах.
3. Верстка pixel-perfect. Это самое важное требование. Ваша верстка должна идеально совпадать с макетом.
4. Верстка должна быть гибкой. Т.е., например, если мы в меню уберем 1 пункт, или на первом экране увеличим количество текста в три раза, у нас не должен поехать весь сайт.
5. Кроссбраузерность: последняя версия Chrome
6. Инлайновых стилей нужно избегать
7. Не должно быть фреймворков (Бутстрап и т. д.) и миллионов классов. Нужен чистый, красивый, аккуратный код. Обилие классов может быть оправдано только использованием БЭМ
Что будет оцениваться:
- Ваш сбособ мышления и понимания оптимальной реализации задачи
- Аккуратность и соответствие макету
- Сроки сдачи работы
- В случае спорных/неаккуратных решений обоснованине именно такой реализации
Что будет плюсом:
Использование SCSS
Использованние БЭМ
Срок выполнения: 1,5 дня.
Дополнительные материалы: Макет(psd)
Ccылка: test2.ru
Используемые технологии и библиотеки:
- scrollReveal.js
- SCSS
- БЭМ
Эта и другие работы в моем портфолио: ifrontender.ru