Category: TUTORIALS

This is a secondary navigation intended for users who want a quick overview of the page content, and be able to easily move from one section of the page to the other. A fixed navigation …

This is a great 3D Rotating Navigation tutorial by Codyhouse.(Claudia Romano).It is powered by CSS transformations.Sometimes you just want your website navigation to be bold. Design agencies, for example, use their portfolio to show off …

This is a collection of effects for revealing sharing buttons. You can use them in your portfolio, image galleries and more.Most of the different transformations and effects on the demos are done exclusively via CSS, …

JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+) Including: – Inertia – Snapping to a grid, custom anchors or paths. – Cross browser and device, …

Chosen is a library for making long, unwieldy select boxes more user friendly.Chosen automatically highlights selected options and removes disabled options. Chosen automatically sets the default field text (“Choose a country…”) by reading the select …

Page Walkthrough is a flexible system for designing interactive, multimedia, educational walkthroughs. Options: – Array of steps to show – jQuery selector for the element to highlight for this step – Margin for highlighted element …

gridstack.js is a jQuery plugin for widget layout. This is drag-and-drop multi-column grid. It allows you to build draggable responsive bootstrap v3 friendly layouts. It also works great with knockout.js Requirements: http://underscorejs.org http://jquery.com http://jqueryui.com (Optional) …

This is a responsive and easy to customize navigation for mega-sites enriched by subtle CSS animations and support for devices with javascript disabled.Created by Sebastiano Guerriero.It works on all major browsers. Sebastiano used SASS and …

Here is another great tutorial from Codrops.Resizing and Cropping Images With Canvas.In this tutorial you will learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in …

Walkway.js a small javascript library to animate SVG images consisting of line and path elements in an easy way. How to use Create a new Walkway instance with a supplied options object. When you want …