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

javascript

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

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

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

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

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Ещё заказы