- PVSM.RU - https://www.pvsm.ru -

Hot Dot Parallax Engine под лицензией MIT

image
Более 300 сайтов использовали движок до публикации.

Девять месяцев назад мы запустили сайт [1] студии. Он быстро набрал популярность, мы получили несколько наград [2], о нас написали профильные СМИ.

Сайт так же быстро оброс клонами [3]. Некоторые скопировали нас полностью [4]. Попадались и подобные [5] забавные вещи. Сайт на нашем движке [6] попал на One Page Love, а после выявления воровства был удален из рейтинга. Когда количество клонов превысило три сотни, мы решили сделать исходный код движка открытым.

И вот, немного причесав, сегодня мы выложили его на GitHub [7] под лицензией MIT [8].

Особенности

  • Сколько-угодно-страничный горизонтальный параллакс.
  • Удобное создание слайдов: вам не нужно писать ни строчки JS для того, чтобы слои плавали с разной скоростью.
  • Математические расчеты слоев необычайно оптимизированы.
  • Плавный скролл. Функции «подъехать к слайду» и «подъехать к определенной позиции» просто связать с элементами управления.
  • Поддержка хэштегов, возможность делиться отдельными слайдами.
  • Движок генерирует свои события. Начало движения, конец движения, смещение даже на один пиксель.
  • Прелоадер.
  • Настраиваемое включение 3D-ускорения.
  • Супероптимизационная возможность: вы можете отлавливать момент, когда слайд не находится в фокусе, и останавливать в нем всю активность. Экономия и производительность.
  • Использование оптимизации “pointer-events: none;” во время скролла, о которой недавно здесь писали [9].
Адаптивность

  • Бесплатно в комплекте: движок для изменения размера контента в зависимости от размера экрана.
  • Вставьте большую картинку на фон — движок сам растянет её так, чтобы она правильно работала.
  • Возможность менять у слайда верстку между портретной и альбомной в зависимости от размера экрана.
  • Совместимость с тач устройствами.
  • Оптимизация работы на iOS и Android.

Автор: htdt

Источник [10]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/news/49863

Ссылки в тексте:

[1] сайт: http://hotdot.pro/ru/

[2] наград: http://hotdot.pro/ru/awards/

[3] клонами: http://hotdot.pro/ru/clones/

[4] полностью: http://grafica.uz/

[5] подобные: http://flowerdreams.php5.sk/sprostost/

[6] Сайт на нашем движке: http://socialscar.plastiqueband.com/

[7] выложили его на GitHub: https://github.com/htdt/parallax

[8] MIT: http://www.opensource.org/licenses/mit-license.php

[9] здесь писали: http://habrahabr.ru/post/204238/

[10] Источник: http://habrahabr.ru/post/204652/