Этот сайт реализуется как выполнение индивидуального проекта.
- респонсивно-гумовая слоя, подготавливаемая под любые размеры экрана, от самых маленьких до крупных;
- выполненный импорт SVG изображений, из онлайн-сервиса;
- подключение внешних шрифтов через Google Fonts;
- создание CSS переменных для легкого редактирования цветов, шрифтов и др. при большей необходимости;
- такие кнопки, "узнать больше" или "добавить в коробку" отображаются только как часть интерфейса и не выполняют никакой другой функции, чем декоративный элемент.
Стоит обратить внимание на анимации, используемые в проекте, которые реагируют на прогортание страницы и ненужно анимируют те или иные объекты. Эта задача была реализована с помощью JavaScript библиотеки ScrollReveal.
На углу в проекте JavaScript использовался минимально, для реализации мобильного меню, слежения по прогортанию страницы и соответствующим подключением библиотеки для анимации.
- респонсивно-гумовая слоя, подготавливаемая под любые размеры экрана, от самых маленьких до крупных;
- выполненный импорт SVG изображений, из онлайн-сервиса;
- подключение внешних шрифтов через Google Fonts;
- создание CSS переменных для легкого редактирования цветов, шрифтов и др. при большей необходимости;
- такие кнопки, "узнать больше" или "добавить в коробку" отображаются только как часть интерфейса и не выполняют никакой другой функции, чем декоративный элемент.
Стоит обратить внимание на анимации, используемые в проекте, которые реагируют на прогортание страницы и ненужно анимируют те или иные объекты. Эта задача была реализована с помощью JavaScript библиотеки ScrollReveal.
На углу в проекте JavaScript использовался минимально, для реализации мобильного меню, слежения по прогортанию страницы и соответствующим подключением библиотеки для анимации.