search

julianshapiro / velocity

Accelerated JavaScript animation.
VelocityJS.org
MIT License
17.29k stars 1.56k forks source link

Include demos in documentation #111

Closed Merg1255 closed 10 years ago

Merg1255 commented 10 years ago

Hi @julianshapiro !

Now that velocity.js has added new features, I would like to suggest the creation of new documentation pages, explaining the features with live tools as do other animation libraries, like the GSAP. Since GSAP has matured by adding functionalities, though using a quite different mechanism with the JS files, they have created pages for newcomers that can easily showcase the important aspects of the library. Please have in mind as a basis for the next documentation, the following: http://codepen.io/GreenSock/pen/srfxA http://www.greensock.com/js/speed.html http://codepen.io/GreenSock/pen/AwCKp http://www.greensock.com/get-started-js/ (code, text, live examples) http://www.greensock.com/sequence-video/ (note that sequence there refers to chaining, something not clearly stated in Velocity)

Also, new features that could be implemented, given the fact that Velocity.js is working differently than GSAP, are 3D transforms and other features (ie http://www.greensock.com/css3/).

Thanks

julianshapiro commented 10 years ago

This is what I'll be doing all today :) Keep your eye on the docs tonight.

Thanks for taking the time to suggest this and put together the links, @Merg1255!

julianshapiro commented 10 years ago

Done :)

Merg1255 commented 10 years ago

Very nice!!! :-)

One more thing IMHO there should be in the live code examples, is an element that controls if multiple animations can be paused, resumed, etc., based on the one as mentioned in the linkes above.

Also, for the demo page, http://julian.com/research/velocity/demo.html, could you please create a "select JS library" list, and "select number of divs", which could allow benchmarking even with newer versions of VelocityJS.

Thanks :)