Today I’d like to share with you a little jQuery plugin that creates an image slider which gives more information when clicked on. I’ve also included a bunch of built-in animations for the modal windows giving some pretty cool effects.
Best jQuery Plugins Plugins & Tutorials with Demo
Clingy Footer : jQuery plugin to lock a fluid height footer
Clingy Footer is a small, simple jQuery plugin designed to lock a fluid height footer to the bottom of the browser viewport.
jQuery plugin that takes the height of the footer, and assigns the same value to the padding-bottom of the page content container. It’s essentially the same technique as most CSS solutions, but done using jQuery.
Bootstrap Pagy : jQuery plugin simplifies the Bootstrap Pagination component
Bootstrap Pagy is a jQuery plugin that simplifies the use of the Bootstrap Pagination component.
Features:
- Custom previous and next button
- Custom first and last button
- Custom inner window size (default 2)
- Custom outer window size (default 0)
- Set current page and total pages programmatically
- Code under Apache License
- Only depends on jQuery (for Javascript) and Bootstrap (for Markup)
Custom Interactive Map : jQuery Plugin
If you would like to turn your photo/vector graphic map into a fancy interactive map application that is supported by every major browser and it’s working even on mobile or other touch devices, you can stop seeking, you’ve come to the right place. In fact, you came to the only place, since it is the only utility available with this unique feature set.The supported map file formats are: JPG, PNG and SVG.
Features:
- Unlimited landmarks: Any number of locations with unique pins and various actions
- Unlimited floors: Multiple floors are supported without any limitation
- Deeplinking: Every location can be referenced by it’s own URL
- Browser support: Works great in every major browser, even Internet Explorer 8
- Responsive design: Provides optimal experience across a wide range of devices
- Touch optimized: Touchscreen devices, like tablets and smartphones are also supported
- Well documented: A detailed user guide is included
jQuery Smart Timer And Counter
Smart Timer And Counter is a jQuery plugin that can be used to add timers and clocks to the web page. Plugin is highly configurable and expandable through custom skins (visual component), modes (clock/timer logic) and languages (translate labels).
- Styling is done using CSS (and Canvas for Circular skin), and all included styles are pure CSS with no images used.
- Responsive, uses media queries to change counter sizes, and it can break into multiple lines on smaller screens.
jQuery Masked Input Plugin
This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer, Firefox, Safari, Opera, and Chrome. A mask is defined by a format made up of mask literals and mask definitions. Any character not in the definitions list below is considered a mask literal. Mask literals will be automatically entered for the user as they type and will not be able to be removed by the user.The following mask definitions are predefined:
- a – Represents an alpha character (A-Z,a-z)
- 9 – Represents a numeric character (0-9)
- * – Represents an alphanumeric character (A-Z,a-z,0-9)
bselect : Select decorator component for Bootstrap
The select decorator component that was missing for Twitter Bootstrap.
Features:
- Bootstrap-like dropdown decorator for
<select>elements - Easy to use, a simple jQuery call and you’re done!
- Doesn’t require any Bootstrap CSS or JS to work
- Tested via QUnit
- Support for internationalization
- ARIA ready
