Более 300 сайтов использовали движок до публикации.
Девять месяцев назад мы запустили сайт студии. Он быстро набрал популярность, мы получили несколько наград, о нас написали профильные СМИ.
Сайт так же быстро оброс клонами. Некоторые скопировали нас полностью. Попадались и подобные забавные вещи. Сайт на нашем движке попал на One Page Love, а после выявления воровства был удален из рейтинга. Когда количество клонов превысило три сотни, мы решили сделать исходный код движка открытым.
И вот, немного причесав, сегодня мы выложили его на GitHub под лицензией MIT.
Особенности
- Сколько-угодно-страничный горизонтальный параллакс.
- Удобное создание слайдов: вам не нужно писать ни строчки JS для того, чтобы слои плавали с разной скоростью.
- Математические расчеты слоев необычайно оптимизированы.
- Плавный скролл. Функции «подъехать к слайду» и «подъехать к определенной позиции» просто связать с элементами управления.
- Поддержка хэштегов, возможность делиться отдельными слайдами.
- Движок генерирует свои события. Начало движения, конец движения, смещение даже на один пиксель.
- Прелоадер.
- Настраиваемое включение 3D-ускорения.
- Супероптимизационная возможность: вы можете отлавливать момент, когда слайд не находится в фокусе, и останавливать в нем всю активность. Экономия и производительность.
- Использование оптимизации “pointer-events: none;” во время скролла, о которой недавно здесь писали.
Адаптивность
- Бесплатно в комплекте: движок для изменения размера контента в зависимости от размера экрана.
- Вставьте большую картинку на фон — движок сам растянет её так, чтобы она правильно работала.
- Возможность менять у слайда верстку между портретной и альбомной в зависимости от размера экрана.
- Совместимость с тач устройствами.
- Оптимизация работы на iOS и Android.
Автор: htdt
