scrollReveal.js is a library to easily reveal elements as they enter the viewport. It’s very small in size, as its weight is roughly 3Kb if minified and gzipped. It has no dependencies, so you don’t need to add other libraries to use it like jQuery. In addition to the nice effects it supports, what I really like about this library is that you can use natural language to define the animation you want to run.
bower install scrollReveal.js
Specifically, scrollReveal.js searches for elements on the page with an attribute named data-sr.
<body> <div data-sr>This is the first div</div> <div data-sr>This is the second div</div> <div data-sr>This is yet another div</div> </body>
By default scrollReveal.js lets your elements enter the viewport from the bottom of the page but you can change this effect on a per-element basis by using the enter keyword followed by the direction. So, you can write enter left. You can also specify how many pixels a given element has to be moved using the move keyword followed by the number of pixels, for example move 15px.
<div data-sr="please, can you enter left and then move 15px ?">This is the first div</div>
Pioneer allows you to maintain a readable code base for both programmers and product owners. It makes writing and debugging integration tests simpler, saving you time and frustration. Pioneer is stack agnostic, you can use it against your jquery powered SPA all the way up to a complex Ember/Angular/Backbone app.
npm install pioneer
Pioneer is composed of four pieces to keep your code as DRY as possible while maintaining layers of readability
Works on iPad and iPhone.
Simple, beautiful and powerful API.
Allows to load pages dynamically through Ajax requests.
Pure HTML5/CSS3 content.
Two transition effects.
Works in old browsers such as IE 8 with turn.html4.js
Turn.js takes all the advantages of having real HTML content over flash content. Besides the feeling of native content (selectable content, no third-party contextual menus), it's possible to add advertisement codes, HTML5 videos, tooltips, images, maps, forms, keep tracking of every page and combine them with hundreds of clever libraries made for the Web.
Turn is the built-in jQuery plugin that comes with the turn.js development kit, which allows you to create flipbooks.
Cylon.JS was created by The Hybrid Group, a Los Angeles software consultancy, with input from an open community of developers around the world.
Hapi (pronounced "happy") is a web framework for building web applications, APIs and services. It's extremely simple to get started with, and extremely powerful at the same time. The problem arises when you have to write perfomant, maintable code.
npm install hapi --save
Hapi is a simple to use configuration-centric framework with built-in support for input validation, caching, authentication, and other essential facilities for building web and services applications.
Hapi enables developers to focus on writing reusable application logic in a highly modular and prescriptive approach.
The visual programming language VVVV brought to your web browser. VVVV.js is a great toolkit for prototyping and developing rich data visualisation, advanced user interfaces, games, and more — all by connecting nodes, spreading slices and letting the dafa flow.
VVVV.js has to dynamically load scripts, patches, shader files, etc., so, in order to run a website containing
VVVV.js allows you to use the world's greatest visual programming language VVVV to enhance your web projects. You can create 2D Canvas and 3D WebGL graphics without writing a single line of code. It comes with a built in, browser based patch editor, you don't need any additional software.
Run VVVV Patches seemlessly embedded in your web project
Real-time patching using the built in browser based patch editor
Supports subpatches so you can better structure your patches
2D Canvas graphics and 3D WebGL graphics with built in shader code editor
Access and manipulate the DOM of the surrounding page from your VVVV.js patch
VVVV compatible data format, so you can exchange patch snippets with classic VVVV
Video for VVVV.Js https://www.youtube.com/watch?v=56vBXoKhN8Q