Объясните какие технологии были применены на сайте Apple Mac Pro?

Question

[Толя Иванов]

Привет, я очень впечатлен сайтом
https://www.apple.com/mac-pro/

Я ни разу не видел ничего подобного на других сайтах, возможно я не знаю их. Расскажите пожалуйста как они были сделаны? Там видео и 3Д и скроллы все вместе работает, насколько сложно это сделать?
Допустим я делаю 3Д модель и заказываю такой сайт фрилансеру, какие требования мне к нему предьявлять, чтобы он мог реализовать такой проект?

Answer 1

[Алексей Черемисин]

У, самому понравилось, в принципе через гугл находится за 5 минут. Но уж коли нашел, то вот - jsfiddle.net/ynKnS/7
Набор изображений, которые подгружаются по событию + css transform.
Вот подробное описание https://ihatetomatoes.net/one-page-scroll-with-ani...
А вот как можно разбить видео на эти самые изображения - https://boagworld.com/reviews/website-animation/

PS. А вот и подробный разбор самой странички https://ihatetomatoes.net/apple-mac-pro-page-decon...
PPS. Строка в гугле https://www.google.com/webhp?sourceid=chrome-insta...

Answer 2

[azShoo]

Отвратительное решение. Нет, серьезно.
Медленно, не информативно, не удобно, перегружено анимацией.
Про то, что стоило открыть на мобильном девайсе - так всё уехало к ебеням, я вообще молчу.

Answer 3

[Eugene Burmakin]

builtwith.com/?http%3A%2F%2Fwww.apple.com%2Fru%2Fm...

Comments

[Толя Иванов]

интересно, а не могли бы вы прокомментировать свой ответ?

[Anton Filippov]

poleteli-poleteli: вам кинули ссылку на список всех технологий\библиотек, которые были использованы на том сайте.
занесите себе этот сайт в закладки, чтобы не возникали подобные вопросы

[Толя Иванов]

Антон большое спасибо за ваш ответ, но мой вопрос был адресован автору комментария

[Eugene Burmakin]

poleteli-poleteli: собственно, Антон правильно все сказал. При помощи BuiltWith можно посмотреть, какие технологии используются на том или ином сайте, база у них очень большая. Это не совсем прямой ответ на ваш вопрос, но отчасти, я надеюсь, все же поможет. Теперь вы хотя бы знаете, что там внутри.

[Алексей Черемисин]

Извиняюсь, ничего этот сервис не показывает! Ссылки на js-библиотеки и так в коде видны. Это я так тоже могу сказать "используйте jquery и будет щазтиё". А вот чтобы повторить - не получится!