StickyMate это инструмент, который поможет веб-разработчикам создавать анимации без знания JavaScript, позволяя задавать параметры анимации в формате JSON прямо в HTML разметке. StickyMate объединяет функции липкого позиционирования и анимации, основанной на прокрутке, что позволяет поймать элемент на экране и анимировать его, пока пользователь прокручивает страницу. Используйте ваше воображения для воплощения отличных идей, которые презентуют ваш контент наиболее эффектным образом.
Демо 1: https://rafaylik.github.io/stickymate/
Демо 2 (реализованный проект): https://brand.sumy.ua
Демо 3 (реализованный проект): http://mysliest.com.ua
Readme на русском: https://github.com/rafaylik/stickymate/blob/master/README-RU.md
Страница на GitHub
Данный инструмент вдохновлён лендинг-пейдж девайсов Apple, создан с нуля и имеет MIT License, работает с любые числовыми значениями CSS. Я не являюсь профильным разработчиком, но стараюсь придерживаться принципов чистоты кода и ES6, изучение чистого JS – моё хобби. Любая критика и советы приветствуются.
Демо 1: https://rafaylik.github.io/stickymate/
Демо 2 (реализованный проект): https://brand.sumy.ua
Демо 3 (реализованный проект): http://mysliest.com.ua
Readme на русском: https://github.com/rafaylik/stickymate/blob/master/README-RU.md
Страница на GitHub
Данный инструмент вдохновлён лендинг-пейдж девайсов Apple, создан с нуля и имеет MIT License, работает с любые числовыми значениями CSS. Я не являюсь профильным разработчиком, но стараюсь придерживаться принципов чистоты кода и ES6, изучение чистого JS – моё хобби. Любая критика и советы приветствуются.
Riim
А почему у атрибутов одинарные кавычки? Что мешает сделать двойные, а одинарные использовать в значении, плюс можно пропускать их для имён полей?
rafaylik Автор
При разборе значение атрибута парсится как JSON а двойные кавычки это его стандарт.
babylon
В Adobe Animation (CreateJS) можно использовать layout c localToGlobal и наоборот. Какие у вас принципы лейаута?
Riim
Да понятно, что JSON замешан. Что мешало без него? Если по соображениям безопасности не хотите парсить eval-ом, то парсер подобный JSON-у пишется в 100 строк кода. При своём парсере можно и от кавычек в значении избавиться и от лишних фигурных скобок. Что удобнее:
или