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

в 9:35, , рубрики: Без рубрики

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

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

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

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

Особенности

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

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

Автор: htdt

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js