simplebox.js is a lightweight lightbox plugin (603 bytes) that is easy to modify or extend to fit your needs. This plugin is intended to be a quick, responsive, efficient. simplebox.js is designed to have just one feature: lightboxing. It’s responsive out of the box and allows only a few crucial settings. To install simplebox, you will have to include the following resources in your page. The JS files should be loaded in the order stipulated…
Round slider (also can call as Circular slider, Radial slider) is a jQuery plugin that allows the user to select a value or range of values. Not only a round slider, it supports the quarter, half and pie circle shapes also. Due to the flexibility of roundSlider, the user can do any customization based on their requirement. Here, some examples for the basic customization.By customizing the CSS styles we can make different appearances. It supports…
Responsive Sidebar Navigation is an easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas.Building responsive navigations for mega sites is never an easy task. If you’re working on an admin panel, chances are you’ll need to design and develop a vertical menu, with plenty of sub-categories.So here is a tutorial to create responsive sidebar navigation for admin dashboards by Codyhouse.
This is a list of free jQuery checkbox and radio button plugins to use in your web design projects.Checkboxes are often shown on the screen as a square box that can contain white space (for false) or a tick mark or × (for true).Radio buttons are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. In other words, clicking a non-selected…
This is a list of free jQuery map plugins or developers.These plugins help you to implement Google Maps into your website and quickly create markers and controls menu for the locations on map. All require jQuery and Google Maps API v3 so you need to have both in your page.Most of them support Directions, Polygons, Polylines, Fusion tables and styled maps etc. Geocomplete An advanced jQuery plugin that wraps the Google Maps API’s Geocoding and…
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 while they interact with a product preview, we can reduce the number of steps that separate a user from purchasing an item, and, potentially, increase our conversion rate. So this is what it does.As you see in the demo,you can…
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? That doesn’t need you to do a zillion things to get it to work? Dragula handles dragging items very elegantly, includes smoothly applied events and has nice little touches such as quick deletion and ‘click firing’ when the button is…
A simple content slider with depth-like zoom functionality for a predefined area in each slide. 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. Once the whole page is covered, some more details come out. …
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect. Basically add a tilt effect to an image by subtly moving copies of layers of semi-transparent divisions with the respective background-image. This technique uses some CSS properties that only work in modern browsers (i.e. 3D Transforms). The effect only works on hover which means that…
ScrollMenu.js is a new interface to replace your old boring scrollbar. ScrollMenu.js transforms your scroll bar to awesome scroll menu and it gives a user sense of where they are in a page and how long is that section. Single page navigation menu and scroll bar binds together.Styling is seperated out to CSS, so you can change look of scrollMenu to have uniqueness. You can implement ScrollMenu.js for Vertcical scroll menu, horizontal scroll menu, horizontal…