Aster - адаптивный интернет-магазин с анимацией и интерактивностью
Проект: https://aster-dev.netlify.app/
Технологии:
HTML5/CSS3
JavaScript
BEM methodology
SASS (SCSS)
Анімація появи та ефекти на сайті
Gulp/Webpack
Pixel-perfect
Flexbox/Grid
Page Speed optimization
?Описание проекта:
✔️ Верстка инетрнет-магазина (главная страница и страница новостей).
✔️ Оптимизация интернет-магазина, семантическая верстка и кросс-браузерная совместимость.
✔️ Анимации и интерактивные элементы.
✔️ Создание форм (валидация) , слайдеры, функционал "показать еще" и множество других интерактивных элементов на странице.
?Что сделано:
✅ Преобразование дизайна из Figma в HTML/CSS/JS.
✅ Оптимизация всех изображений и конвертация в формат WebP.
✅ Оптимизация и сжатие файлов CSS и JS для высокой производительности веб-сайта.
✅ Создание и подключение фавиконки.
✅ Добавление анимаций и интерактивных элементов.
✅ Создание слайдеров, бургер-меню для мобильных устройств, плавная прокрутка, прелоадер и другое.