Best ideas how to improve a website using open source libraries on Github
Vitaly Kuprenko Jun 11
D3 meets W3C web standards supported almost in all Web browsers. Despite it doesn’t include some preliminary built charts and graphs, it offers numerous samples and such useful features like “Input” and “Output”. It also processes in debugging and making powerful animated conversions.
It is a kit of JS libraries with open source code and tools for development of an abundant interactive content for open web technologies.
Easel.js for working with HTML5 Canvas elements.
The library makes it possible to create a high-performance interactive 2D content in HTML5. It provides with the multifunctional display list to animate graphics. It also provides a reliable interactive model for sensory and mouse interactions. Apart from being good for games, it is also perfect for generative art, advertising, data visualization and other highly developed graphic experiences. It works well on its own and as a part of Create.js: SoundJS, PreloadJS, and TweenJS. Deprived of external dependencies, it is compatible with almost any framework.
Tweet.js for web animation development
Library’s API is very simple but very powerful tool that allows users to create complicated animation easily. It supports animation of numeric properties of the object and CSS styles properties.
Sound.js for working with digital media
Preload.js coordinates loading of assets
It represents unified API for loading of different types of files, automatic detection of XHR (XML-HTTP-Request) availability as an alternate option for extended download. It includes plugin model to help with downloading in other libraries such as SoundJS as well.
Visit it on GitHub.
GSAP (GreenSock Animation Platform) is an advanced solution for animation highly evaluated by the world’s largest enterprises like Ford, Nike, Adobe, Microsoft, Samsung etc.
Its characteristics are a low entry threshold, detailed documentation, high performance, flexibility and compatibility with old browsers. GSAP has one important advantage - the library can animate not only CSS or Canvas but also any numeric variable of any JS-object.
On the other hand, GSAP is relatively heavy, therefore, it is better to use other analogs for creation of a small HTML elements animation like appearance, vanishing, flip etc.
The JS library for the development of impressive animation using CSS. It allows applying to monitors various types of motion, rotation, scalability and converting on the CSS3 basis. The library can function in all browsers that support 3D converting and animation of key frames.
This library is free and has MIT license that makes it a good alternative to other libraries in case you don’t need a long list of animation types or just want to try yourself in visual arts.
Find the library on GitHub.
It is an adaptive CSS library that enriches simple HTML project with a stylish and interesting design. You will need only a few classes and Skeleton automatically stylizes all elements in your project. The library is very light, it contains a simple grid of 12 columns and main components.
You can get acquainted with it on GitHub.
Moment.js website has a table containing available parameters that can be used for dates processing.
It is a simple library that allows to make scrolling with Up button in an original way. Page scrolling is performed slowly to the vintage standby melody.
Check it on GitHub.