A jQuery plugin that gives users real time hints & progress updates as they complete forms.You must give your form a unique ID. You then need to add a data attribute of data-progression to each element that needs to be a step in the form progression.Then it shows a tooltip respective to every element with progress report that how much form is completed.
Archive for 2013
Progression.js : jQuery Real-Time Hints & Progress updates For Forms
Interactive Particles Slideshow with Html5 & JavaScript
This is an experimental interactive slideshow component with math shapes and texts using Html5 Canvas. The slideshow consists of pairs of shape and text, both made out of particles that the user can interact with and that transition into the next pair when navigating. With Canvas we can dynamically draw 2D stuff using JavaScript and this experiment shows some of the possibilities.
Tapestry 5 jQuery integration Module
Tapestry 5 jQuery integration. Fully replace Prototype and Scriptaculous with jQuery with as less as possible compatibility issues.
The “Tapestry5-jQuery” is an open sourced Tapestry 5 library from Atos WorldLine. It aims to make it possible to replace the Prototype/Scriptaculous JS layer of Tapestry: all its components, mixins or any other JS interactions. It also provided advanced UI component framework for easily integrating Ajax capabilities into business applications using Tapestry5
FSwit : jQuery Style Switcher
For those who have just started web designing, what is more important to the is to show their products in different styles. By using this application, it will be possible for you to see your WordPress Themes, HTML5 website templates, Drupal themes, Joomla templates etc. in all the styles you prefer. This Jquery application gives you a chance for easy set up and usage.
Just after a few steps your designs will be able to shown in numerous style. You can entegrate your designs without having any difficult and just within a few minutes because of the installation guide that is very detailed and easy to understand.
Loading Effects for Grid Items with CSS Animations & JavaScript
Today we’d like to share some loading effects for grid items with you. The idea is to show items in a grid with an animation once they are in the viewport. The possibilities are infinite and we’d like to give you some inspiration. Some of the effects are from the awesome CSS3 scroll effects by Hakim El Hattab and the idea is inspired by the tile animation seen in the Google Plus app.
Since Masonry is a popular library for laying out grids, we thought it might be a good idea to use it in this demo. If you’d like to use something else or no library at all, you’ll have to remove the initialization from the script and adjust the selectors etc. That should be pretty straightforward.
