A tutorial about creating Multi Step Form with Progress Bar using jQuery and CSS3. You can change your classic long forms into smaller logical sections and convert it into a multi-step form with a cool progress bar. Could work for lengthy processes like registration, checkout, profile fillups, 2-factor authentication logins, etc.
A simple way to create a Bootstrap styled checkbox using jQuery. Just set the text input to be a hidden field or any other field type that fits your project needs.
A tutorial about creating full page slider, with animated SVG elements used as transition effects.
A tutorial about creating handy snippet to let let users customize a product directly from the products gallery, and add it to the cart.
Zoom Slider is a simple content slider with depth-like zoom functionality.
Each slide has a predefined zoom area that will be used to calculate the appropriate scale value for a fullscreen fill. Once the icon for zooming is clicked, the zoom area as well as the page get scaled, creating the illusion that the viewer is approaching the item
A template split in 2 animated blocks of content. On bigger devices, the content is split in two main containers. When the user surfs through the content using the navigation, new content overlaps the old one. On smaller devices, we have a simple gallery of projects, with a slide-in panel containing additional project information.
In this tutorial you will lean how to create a responsive layered slider. The slider will have multiple slides, each slide will have multiple layers which can have a different fade in effect.
A tutorial about creating experimental page scroll effects. All animations have been created using Velocity.js.
A little slideshow with a color palette creation effect using CSS Filters and Vibrant.js. The idea is to create a color palette from an image with a subtle effect on the image itself and some fanciness on the palette
Product Tour is a responsive tour snippet, with a step-by-step guide to help users understand how to use your website.
A tutorial about creating responsive and easy to customise mega-dropdown component by using CSS and jQuery.
A basic responsive product grid layout with comparison functionality and a slide-in effect.
A CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax.
A tutorial about creating responsive photo gallery by using Bootstrap.
A tutorial on how to write a CSS3 progress bar and add some cool animation, along with a jQuery counter.
