Category: TUTORIALS

Today we have a collection of free jQuery tab plugins for your web design project.Tab plugins are really useful to present your content in a very small amount space in your website.It can used ither …

Drop is a JavaScript and CSS library for creating dropdowns and other popups attached to elements on the page. Drop uses Tether.js to efficiently position its elements. Features Because Drop is built on Tether, you …

CSSnano is a modular minifier that aims to utilise small modules from the PostCSS ecosystem, rather than being an all-encompassing module that may be difficult to contribute to. Because it is written on top of …

Stretch is a super simple responsive CSS grid system. For now, it is a 12 column grid that can have any gutter size you want. Columns can be pushed and pulled to make manoeuvring content …

Store Locator enables you to add and manage all your locations and their related information, and making it easy for your users to search and locate your stores or businesses on a Google Map. Its …

This is a handy snippet to let users customize a product directly from the products gallery, and add it to the cart.It’s beeb developed by Codyhouse. By showing customers a “quick add to cart” panel …

This is a handy snippet to create responsive CSS breadcrumbs or multi-step indicators with ease.It’s been created by Codyhouse. Since both breadcrumbs and multi-step indicators share a similar structure (a simple list of items),this is …

Stretchy is a good script for form control autosizing, one that worked on multiple types of form controls (inputs, textareas, even select menus).It’s been developed by Lea Verou You can also use it as a …

Have you ever wanted a drag and drop library that just works? That doesn’t just depend on bloated frameworks, that has great support? That actually understands where to place the elements when they are dropped? …

This is a perfect tutorial by Codyhouse.It’an animated page transition effect with a slide-in content animation triggered by a side tabbed navigation.Basically hover effect turns into a loading bar, that finally expands with new content. …