JOS : Animation Library (v0.9.2)

[jesvijonathan]

Whats New :

• Added new Stagger Animations Staggering JOS animation  #25

  • Add the data-jos_stagger=animation_name attribute to the parent element along with jos class
  • data-jos_stagger_anchor=true would auto asign id for parent element & use it as a anchor for child elements.
  • data-jos_stagger_anchor=#id would use the given id as a anchor for child elements.
  • not using data-jos_stagger_anchor make the element independent of the parent element.
  • data-jos_stagger_seq is used to set the delay between each element in the sequence (to trigger one after other) whereas data-jos_stagger_delay total delay for each element as a whole.
  • learn more about staggering animation & its options here

• Added new Random/Range function

  • JOS.rand() gives a random float number withing lim 0-1
  • JOS.rand(["slide","fade","grow","skew"]) gives a random animation
  • JOS.rand(5) gives a random int number
  • JOS.rand(5.0) gives a random float number of range 5.0
  • Check more about rand() function here

• Animation updates

  • Updated stylesheet jos.css dependencies from v0.9 onwards, it will be exported along with the script.
    (no need to import css separately)
  • Added more new animations, including playable animation
    blur skew slant bar backdrop sepia etc 20+more, including playable animation..
  • Implemented dynamic duration & delay that can handle any given value & has no limits
  • jos_animationinverse is same as jos_play for playable animation jos_play support #30

• Bundler updates

  • New bundler for bundling & packaging the library. Learn more here
  • Clones working dev directory files before making changes
  • Minifies, Mangles, Injects stylesheet & other required steps
  • Batch & Bash support (Recommended : Use linux/git bash for bundler.sh over bundler.ps1)
  • Updated folder hierarchy

• Comprehensive enhancements:

  • Auto import functionality
  • Improved import/exports Critical Issue - Standard Site Embedding JOS #38
  • Added more global params More Global Options Missing  #28
  • Fixed issue where jos could not find jos.css that occurs due to network issue.
  • Included playable animation in jos.css/jos.js & added new jos.min.css for a minified version where you can develop fully custom animation and features.
  • Transition properties are now by default given higher priority, if required to overide, use !important Transition Overide #21

• JOS-Playground 🔗

  • Updated to latest v0.9.2
  • Added examples using all features of JOS
  • Bugs Fixes

• Other updates & bugs fixes

  • Fixed scrollProgress range limit bug Regular ScrollProgress (0-1) limit fix #23
  • Updated doc, almost every JOS option is documented and available in docs Improved Markup Doc #31
  • & many more that I forgot...

• Links to check out :

  • https://jos-animation.vercel.app/
  • https://jos-animation.vercel.app/Playground
  • https://cdnjs.com/libraries/jos-animation
  • https://www.npmjs.com/package/jos-animation
  • https://www.jsdelivr.com/package/npm/jos-animation
  • https://yarnpkg.com/package?q=jos+anima&name=jos-animation
  • https://www.cssscript.com/high-performance-animate-on-scroll
  • https://www.youtube.com/watch?v=_hlvc5oq9Fw

Full Changelog: v0.8.8...v0.9.2

---

This discussion was created from the release JOS : Animation Library (v0.9.2).