HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it’s container. If you’ve ever had to create this effect on a project, you’ll know it’s pretty annoying to do. But this plugin makes it easy, even on responsive designs and adds support for IE7.
Best jQuery Plugins Plugins & Tutorials with Demo
FBModal : Facebook like Modal Dialog jQuery plugin
FBModal is a jQuery plugin that is the first Facebook replica modal dialog.FBModal provides a simple ways to invoke a modal dialog.
Here is an example of how you can use FBModal in your project. Simply include the latest jQuery library, the plugin file and the css file.Then call the fbmodal() function on a jQuery element and a modal dialog will be displayed using the contents of that element. It’s that simple.
RefineSlide : jQuery 3D Transform Slides
A 3D transform/CSS transition-enabled jQuery plugin for displaying responsive, image-based content with shiny animations.
Features :
- A few transitions to play with
- Responsive down to mobile scale
- CSS transition & 3D transform support
- Javascript fallback fade transition
- Auto-formatted, responsive thumbnails
- Good browser support (IE7+)
- HTML captions
- Hardware acceleration on supported browsers
- Free to use and abuse as you like
- Simple, semantic markup
IE Alert js : let your visitors upgrade their browser with jQuery
IE Alert is a handy jQuery plugin that shows a well designed warning message to the visitor who’s trying to view your site with an older version of Internet Explorer browser, this warning message will convince your visitors to upgrade their browser to a newer version of Internet Explorer or to an another web browser.
Ken Burns : jQuery Slider Effect Fully Responsive
Ken Burns a jQuery Sliders Full Collection comes in 4 versions: Fixed Dimensions, Full Width, Full Screen and SideBar banners/Mini-Galeries. Please see the features and check the live preview of this slider and convince yourself of its quality.
Ken Burns Sliders Full Collection includes 4 versions:
– Fixed Dimensions Slider
– Full Width Slider
– Full Screen Slider (it can be used as FullScreen Background or Fullscreen Gallery)
– SideBar Sliders/Mini-Galeries
Responsly.js : A set of CSS3 responsible widgets for jQuery
Dead simple responsive widgets, written using CSS3 transformations and available as a jQuery Plugin. Currently a sideshow and accordion are available, more to come!.Responsive designs are cool! Not only do they allow you to reach mobile and tablet users with minimal effort, they also make your context scale up for desktop users with larger screens.
Features
- Works from large monitors to laptops, to tablets to mobiles.
- Pure CSS styling
- CSS3 based transitions (hardware accelerated where possible).
- Animations work on all modern browsers including mobile, (IE degrades gracefully by losing transitions).
- Minimal dependence on jQuery for convenience ( can substitute Zepto, or pure JavaScript).
- Simple lightweight design, adds little to your download size
- Compartmentalized, so use only what you want
- Best used with a responsive CSS framework like 1140px or 320plus
- Can be heavily customized by editing CSS
File Style Plugin for jQuery
Browsers do not let you style file inputs. File Style plugin fixes this problem. It enables you to use image as browse button. You can also style filename field as normal textfield using css. It is written using JavaScript and jQuery.
Plugin wraps vanilla file input with div. This div has button as background image. Image button is aligned with file inputs browse button. File input is then hidden by setting opacity to zero. Chosen file is shown in normal text input which mimics file input. This text input also inherits file inputs class. Use this class to style the text input.
