Pull to refresh

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

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

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

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

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

Особенности

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


Адаптивность

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

Articles

Information

Website
hotdot.pro
Registered
Founded
Employees
2–10 employees
Location
Россия