JOS : Animation Library (v0.3)

Changelog | First Release :

Description -

• An animation package that can be used to add instant-complex animation to all elements in your website making it look beuatiful and professional.

More animations -

• fade
• fade-right
• fade-left
• fade-up
• fade-down
• zoom-in
• zoom-in-left
• zoom-in-up
• zoom-in-down
• zoom-out
• zoom-out-right
• zoom-out-left
• zoom-out-up
• zoom-out-down
• flip-right
• flip-left
• flip-up
• flip-down

Improved performance & features -

• Passive listeners
• Dynamic animation_invoker (was hardcoded earlier)
• Supports JOS attributes :
  • jos_animation = "<animation_name>"
  • jos_duration = "<float(0-1) & int [1,2,3,4,5]>"
  • jos_once = "<boolean>"
  • jos_timing_function = "<same as native css timing function>"
  • jos_invoke = "<myCustomFunction>"
  • jos_invoke_out = "<myCustomFunction>"
  • jos_pow = "<float 0-1>"
• Support JOS init params :
  • jos_default_animation
  • jos_default_once
  • jos_default_intersectionRatio
  • jos_default_threshold
  • jos_default_duration
  • jos_default_type
  • jos_default_rootMargin
  • jos_rootMargin_top
  • jos_rootMargin_bottom
  • jos_default_timingFunction
• Added 'options' params with observer
• Applies defaults on just adding 'jos' class (configurable)
• Added CDN / Embed links for embedding this library
• Debuggers on by default (beta/canary release)

Docs

• Git Pages Active
• wroking demo of the library
• mobile view support
• added code snippet on hover for every animation block
• reworked folder heirarchy
• added lovely message in my code for developers
• Basic installation guide in Readme.md

Note :

Version 0.3 & below require embedding both, the js and css links in your project to get the library working.
(v0.5 & above require only js)