Какие технологии используются на сайте?

Question

[Faber Estello]

Есть такой сайт: betaagency

Все используемые скрипты и стили здорово оптимизированы, соединены и минифицированны, поэтому невозможно узнать что используется (какие плагины).

Интереует сама анимация скролла и бренда на первом экране betaagency.
А еще больше интересует, при уменьшении разрешения экрана шрифт тоже плавно уменьшается, но не px судя по панели разработчика, но и scale на боках не наблюдаю.

Может быть кто-то может подсказать.

Answer 1

[Александр]

jquery
Sizzle CSS Selector (sizzlejs.com)
jQuery Mobile Events
jQuery Mousewheel
AngularJS
GreenSock (greensock.com)
oclazyload (github.com/ocombe/ocLazyLoad)
Bowser - a browser detector (github.com/ded/bowser)

Answer 2

[Егор Живагин]

Вообще, сайт написан на ангуляре.

Про шрифт - font-size вешается на html скриптом, скорее всего, как раз в зависимости от экрана. Все остальные размеры указываются относительно него в rem.

Про анимашки я ничего там особо не нашёл, но скролл внешне похож на fullpage js

Comments

[Faber Estello]

точно, получилось увидеть что у body шрифт меняется, у остального все по rem. Но это плагин что ли есть такой для изменения шрифта?

[Егор Живагин]

Faber Estello, да я почти уверен, что самописный скрипт на две строчки. Надо просто определить, какой размер шрифта должен быть на ширине экрана 1920, например, а потом смотреть, какой экран у клиента и в зависимости от этого менять размер шрифта у body. rem-ы сами перестроятся

Answer 3

[Eugene Zubkov]

Есть плагин для хрома для определения используемого стека технологий, не всегда но в большинстве случаев правильно все показывает.

Для этого сайта:

JavaScript Framework

• AngularJS
  
• TweenMax
  
• jQuery
  

Font Script

• Google Font API
  

Web Server

• Nginx
  

Build/CI System

• webpack
  

Answer 4

[sslab]

Проверьте через этот сервис. Он тоже определит технологии, при помощи которых создан сайт.