Как осуществить верстку, в которой настолько плавные переходы между страницами?

Question

[Roman Sippel]

Всем привет!

Столкнулся с интересным требованием со стороны заказчиков верстки.
Хотят, чтобы все переходы по сайту происходили плавно, как на этом проекте - https://theenglishbus.com/

Выглядит так, словно html-документ новой страницы не загружается. Всё плавно, будто произошел переход по якорной ссылке внутри документа.

Какой технологией это осуществляется?
Это в компетенции обычного верстальщика (js-фреймворками не пользуюсь)?
Загрузка страниц происходит по колонкам - для этого есть готовые решения или там очень долго трудились фронт-эндеры?
В указанном проекте все страницы имеют свой URL, свои мета-теги и проч. Их корректно считать обычными страницами, которые нормально проиндексируются поисковиками? Или это какая-то генерация на клиентской стороне.

Answer 1

[Aleksey Solovyev]

1. Если Вам нужен vanills JS, то используйте barbajs.org/transition.html
Или любой из плагинов для jquery
2. Дизайнер(моушен) рисует анимацию, Вы как верстальщик ее реализуете
3.
У них на сайте просто сделали блоки разные и анимируют их(я бы делал в canvas - www.pixijs.com/)
4. Да. Каждая страница является отдельной полноценной страницей со своим адресом, тегами и тд

Comments

[Roman Sippel]

Очень круто оО
Спасибо за наводки!

Answer 2

[Дмитрий]

1 ajax
2 нет без js никак
3 долго трудились
4 одно другому не мешает