Задать вопрос

Как называются сайты с анимированным содержимым, которое меняется при скроллинге, и как такие сайты делают?

Сайты с анимированным содержимым, анимация которого меняется при скроллинге сайтов. Какой набор инструментон для этого нужен? Есть ли специальные фреймворки для создания таких сайтов и как такие сайты называются?

Примеры таких сайтов:
www.alchemy-digital.co.uk
www.exsus.com/highway-one-roadtrip
neomam.com/interactive/13reasons
everylastdrop.co.uk
  • Вопрос задан
  • 23335 просмотров
Подписаться 113 Оценить Комментировать
Решения вопроса 4
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Всё построено на animation.

Для картинок может использоваться SVG.
Инфо где можно изучить SVG?

Для сложной графики canvas.
Какую книгу посоветуете по Canvas HTML5?

Примеры
Полно реализаций с анимацией как HTML, так и SVG.
Ответ написан
Это называется параллакс-скроллинг.

Плагинов для этого - море.
Проще всего взять сайт с подходящей функциональностью и покопаться в его исходниках. Например, последний сайт из списка сделан при помощи стороннего плагина. На странице плагина уже можно почитать документацию, посмотреть примеры и попробовать соорудить что-то свое.
Ответ написан
Комментировать
ixon
@ixon Автор вопроса

Например skrollr.
Ответ написан
Комментировать
gekh
@gekh
Вот хороший обзор эффектов при скроллинге с описанием и демками: Скролл-эффекты. Разновидности, тонкости, проблемы,...
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 5
@andy-007
я с этого сайта вообще балдею
Ответ написан
gadzhimari
@gadzhimari
frontend-developer
Есть такая программа наз-ся Adobe Muse, там можно создавать подобные штуки. А тут есть туториалы по работе с ней.
Ответ написан
LestaD
@LestaD
Веб разработчик
FlatUI дизайн!
fltdsgn.com
Гуглите
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы