Обзор кейса “Imagination“ Верстка

Заказчик: Артур Фернандес () Дизайн макеты были представлены в 2х версиях. ПК и Моб. Планшетную делал сам. Задача сделать адекватную верстку с анимациями элементов при скролле. Проблемы: Дизайнер сделал очень нестандартный внешний вид для кнопок призывающих к действию, для реализации которых пришлось бы вставлять картинку этой кнопки, от чего слава богу мне удалось отговорить заказчика. Итоговый результат: В разработке использовались библиотеки: swiper, lightgallery (и ее плагины), а так же AOS для анимаций. Использовался только нативный JS, без JQ что в свою очередь экономит место и увеличивает скорость загрузки сайта. Все стили CSS прописаны в соответствии с методологией mobile first а также BEM. Вместо стандартного тега IMG я использовал тег Picture для более высокой оценки сайта поисковыми системами. (Там где подразумевается динамический вывод изображений (Галереи, слайдеры) тег picture не использовался)