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

сегодня в 13:35

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

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

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



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

Особенности

• Сколько-угодно-страничный горизонтальный параллакс.


• Удобное создание слайдов: вам не нужно писать ни строчки JS для того, чтобы слои плавали с разной скоростью.


• Математические расчеты слоев необычайно оптимизированы.


• Плавный скролл. Функции «подъехать к слайду» и «подъехать к определенной позиции» просто связать с элементами управления.


• Поддержка хэштегов, возможность делиться отдельными слайдами.


• Движок генерирует свои события. Начало движения, конец движения, смещение даже на один пиксель.


• Прелоадер.


• Настраиваемое включение 3D-ускорения.


• Супероптимизационная возможность: вы можете отлавливать момент, когда слайд не находится в фокусе, и останавливать в нем всю активность. Экономия и производительность.


• Использование оптимизации “pointer-events: none;” во время скролла, о которой недавно здесь писали.

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

• Бесплатно в комплекте: движок для изменения размера контента в зависимости от размера экрана.


• Вставьте большую картинку на фон — движок сам растянет её так, чтобы она правильно работала.


• Возможность менять у слайда верстку между портретной и альбомной в зависимости от размера экрана.


• Совместимость с тач устройствами.


• Оптимизация работы на iOS и Android.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.

This entry passed through the Full-Text RSS service — if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.