iView Slider : Responsive jQuery Slider Plugin

iView Slider is a responsive jQuery slider plugin for image slider.

Aviaslider - unique jQuery slideshow plugin

Aviaslider is a unique slideshow plugin with several transition effects.

jWindowCrop : For facebook like image cropping

jWindowCrop is jQuery plugin for easy zoom and pan image cropping.

Digicrafts - Thumbnail Gallery jQuery Plugin

Digicraft is a jQuery plugin to display thumbnail gallery with XML support.

RefineSlide : jQuery Slider Plugin

RefineSlide is a slider with CSS transition and 3D trasnform support.

Friday, March 29, 2013

10 Excellent jQuery Slider plugins

This is the collection of some excellent jQuery slider plugins. Slider plugins are being widely used nowadays. It is very useful for highlighting your content. Several jQuery plugins are available for beautiful slider and slideshow with awesome effects and animation. You can show more contents in smaller area in your site using sliders.

10 Best  jQuery slider plugins for your website

  1. jQuery Easing Slider
    jQuery Easing Slider is a jQuery plugin that allow create image slider with smooth animation and add description into each slider with a different effects & interactive features.
    jQuery Easing Slider plugin
    Features :
    • Fix & Responsive Layout
    • Add Description for Each Slide with Different Effect
    • Compatible with all Major Browsers
    • Animated Text and Image Effect and Adjustable Animation Speed
    • Customizable Image Size & Position
    • Easily Customizable HTML & CSS
    • Free Support & Complete Documentation
    • Randomize Animation
  2. Degrade - The Swiss Army Slider
    Degrade - the swiss-army-slider is a multipurpose, fully customizable slider, with responsive behavior and all-in-one features. It sports a 40+ options variation, the slider's appearance can be customized through its 8 different shadows, 4 different corner style, 6 different control types, unlimited colors, shortcodes, captions style, fullscreen behavior, giving you the possibility of making literally hundreds of different sliders. The slider can be also used as a banner, can play video, can display captions wherever you want, can be used as advertising tool as well as display panel.
    Features :
    • Design customization
    • Better performance
    • Responsive
    • Shortcodes
    • Slider options and captions
    • Full screen support
    • Touch optimized
    • Unlimited color variation
  3. RoyalSlider - Touch-Enabled jQuery Image Gallery
    RoyalSlider is easy to use jQuery image gallery and content slider plugin with animated captions, responsive layout and touch support for mobile devices. As navigation you can use thumbnails, tabs or bullets. Use it as image slider, slideshow, HTML content slider, gallery, banner rotator, video gallery, carousel or even presentation. Developed in best practises of HTML5, CSS3 transitions are used for all animations (with fallback).
    Features :
    • Touch navigation support for iOS, Android, IE10 (Windows 8, Blackberry and other).
    • Animated HTML captions with custom effects (fade, move top, move right…).
    • Smart lazy loading
    • Super smooth hardware accelerated CSS3 transitions for supported touch devices.
    • Native browser fullscreen support.
    • Memory management
    • YouTube & Vimeo videos in slides.
    • Deep linking – link to specific slide from URL.
    • Adjustable speed, transition and easing for each caption or slide.
    • Move or fade transition for slides.
    • Responsive
    • Ability to remove drag navigation using mouse.
    • Public methods, properties and callbacks (go to slide, play slideshow e.t.c.).
    • Set start slide index and spacing between slides.
    • Slider can be put inside lightbox script, like ColorBox or Fancybox.
    • Can be easily loaded using ajax, has destroy() method.
    • Customizable interface (add/remove arrows, bullets).
    • Any HTML content can be placed inside slide.
  4. Advanced Slider - jQuery XML slide
    Advanced Slider is one of the best jQuery sliders on the market, built to be used in a wide range of contexts. Advanced Slider is fully responsive, mobile-ready, SEO-friendly, and offers you the option to use either HTML markup or XML. The plugin also provides an easy to use API which will allow you to further enhance the functionality of the slider and will make it possible to integrate it into your own application.
    Features :
    • Responsive/Fluid layout
    • Touch Screen support
    • Animated Layers
    • Smart Video
    • (Content) Thumbnails
    • Fullscreen support
    • XML/HTML support
    • 100+ possible transition effects
    • 150+ customizable properties
    • Over 15 slider skins
    • 7 Scrollbar skins
    • Easy Integration
    • Built-in Lightbox support
    • navigation
    • Per slide settings
    • Fully customizable
    • Multiple sliders on the same page
  5. TouchCarousel - jQuery Content Scroller and Slider
    TouchCarousel is mobile-friendly and lightweight jQuery content scroller with touch navigation for mobile and desktop. May be used as carousel, banner rotator and image gallery. It's used by top web design agencies, email newsletter companies and simple schools.
    Features :
    • Touch navigation for supported devices.
    • Paging and free-scroll mode.
    • Physics-based scrolling.
    • Fluid width of carousel for free-scroll mode.
    • Fast, hardware accelerated CSS3 transitions.
    • Four unique skins with photoshop files.
    • Multiple carousels with different skins on one page is allowed.
    • SEO friendly, content is not hidden.
    • Configurable items per scroll and snapping.
    • Powerful, documented API - public methods, properties, callbacks.
    • Customizable UI - enable or disable arrows, bullets, scrollbar.
    • Super easy to style - CSS file is commented and organized.
    • Mouse-drag navigation can be removed if you don't need it.
    • Each item can have any html content(except video) and can be any size.
    • Smart autoplay(slideshow)
  6. AviaSlider - jQuery Slideshow
    AviaSlider is a very flexible and easy to use Image slideshow plugin for jQuery with a set of really unique transitions that were nver available before, as well as some basic transitions, so the slider will fit into every project. It comes with an image preloader so the slider starts when images are ready to be shown. No clumsy animations with half loaded images. The slider also already comes with the famous prettyPhoto lightbox, but you are of course free to use any other.
    Features :
    • 8 unique transition effects
    • Lots of easy to set options to create your own effects
    • Included Image preloader
    • Autoplay that stops on user interaction
    • Valid HTML5 and CSS 3 Markup
    • Packed version only weights 8kb
    • Supports linked images
    • already prepared to work with prettyPhoto Lightbox
    • works with jQuery 1.32 and higher
  7. Slider Revolution Responsive jQuery Plugin
    Slider Revolution is a responsive jQuery plugin. It turns simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects. All customization can be handled via jQuery Options, HTML 5 data-attributes and CSS.
    Features :
    • Image and Thumbs fully resizable
    • Using CSS Animation with FallBack to jQuery
    • Unlimited Caption Layers
    • Unlimited Slides
    • iPhone & Android Swipe Touch enabled
    • jQuery Conflict free plugin
    • Customizable 100% via Plugin Parameters / CSS / HTML
    • Easy installation in your Website
    • Special Easing
    • Example Pages included
    • Vimeo & Youtube Supported
    • Optional Shadows included
    • Hide Captions Separetely or Together depending on Slider Width
    • Hide whole Slider Depending on Screen Width
    • 10 Different Caption Animation Types
    • 20 Differen Slide Transition, and Unlkmited Variations due Rotation and Amount of Slots
    • Two Level Animations of Captions. Start Time, End time, Different Animation Type and Easing at Start and End
    • Captions like Video, Image and html tags can be easily Created
    • CSS3 Transitions with jQuery Animateion Fall Back
    • Full Screen Video
  8. Estro - jQuery Ken Burns & swipe effect slider
    Estro jQuery plugin uses unobstrusive javascript to transform a block of simple HTML markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimzied, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if javascript has been disabled.
    Features :
    • Crossbrowser pure JS/CSS implementation.
    • Ken Burns or Swipe transition modes available.
    • Multiple instances allowed in a single HTML page.
    • Slides uses only valid HTML5 markup (SEO optimized)
    • Won’t break layout if javascript disabled.
    • Works on mobile (iPhone, iPad – iOS 4.3)
    • Supports inline YouTube / Vimeo videos + app redirects on iOS devices (Youtube)
    • Optional animated popup preview thumbnails, including a Ken Burns transition.
    • Easily resizable.
    • Compatible with external fonts (like Google fonts)
    • Integrated animated circular timer.
    • Includes 4 ready to use skins.
    • Easily customizable via CSS file.
    • Custom per slide timeout and animation settings.
    • Optional lazy loading of images for faster loading.
  9. FSS - Full Screen Sliding Website Plugin
    FSS is a jQuery plugin for creating full screen sliding websites. The live preview is just a sample of what can be accomplished with FSS. It can be easily integrated into your website by placing a piece of javascript code between the <head></head> tags. FSS can work with any website, regardless of its design. You can create full screen and scrollable AJAX websites in no time.
    Features :
    • Deep linking support.
    • Scroll bar support.
    • JavaScript & CSS driven.
    • Resizable.
    • 2 different transition effects; *Horizontal Slide *Vertical Slide
    • AJAX support. (Load dynamic content without page refresh.)
    • Dynamic slides can be loaded at the startup or upon request.
    • Autoplay & loop.
    • The speed and slide duration are adjustable.
    • Supports keyboard navigation.
    • Small file size (Packed version only weighs 5kb.)
  10. jQuery OneByOne Slider Plugin
    The OneByOne Slider is a lightweight, responsive & layered jQuery plugin you can use to display your image and text one by one. The CSS3 animation is driven by Animate.css. It's mobile friendly, which support wipe left/right on your touch device like iPhone & iPad. You can drag and drop to navigate with your mouse too.
    Features :
    • CSS3 driven animation, hardware accelerated CSS3 transitions for supported modern browser.
    • Responsive support, example included.
    • Mobile friendly, you can use it in a touch device.
    • It’s lightweight, the compressed javascript is only 4kb.
    • Optional auto delay slideshow, optional hove to pause the slideshow.
    • Each slide or element’s animation can be customized.
    • Optional drag function of mouse.
    • Optional animation style, can be in random or any other type.
    • Optional arrow and buttons.

Tuesday, March 12, 2013

Tooltipster : The jQuery Tooltip plugin

Tooltipster is a powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS. It is a plugin aiming at making the process of creating tooltips as easy as possible while providing the biggest functionality available. They conform to HTML5 and can be styled to your own liking using CSS.
Tooltipster : The jQuery Tooltip plugin
Home : Tooltipster Home
Demo : Tooltipster Demo

Monday, March 11, 2013

10 Best Free Tooltip plugins in jQuery

  1. Simpletooltip : A jQuery tool tip plugin
    Simpletooltip is a jQuery tool tip plugin, thought to insert short tooltips to any element of your website more easily. This plugin has minimal configuration and supports 4 color themes. It's lightweight and fast. 12 positions are available for the placement of tooltip. It doesnot need extra HTML structures and moreover this plugin is cross browser.
  2. clueTip : nice jQuery Tooltip Plugin
    clueTip is a nice jQuery Tooltip Plugin which allows you to easily show a fancy tooltip when the user's mouse hovers over (or, optionally, clicks on) any element you designate in your script.Cluetip is a cross browser and supports theming. If the element includes a title attribute, its text becomes the heading of the clueTip. It comes with three themes: default, jTip, and rounded corners. User can create his/her own theme also.
    clue tip
  3. Gips : A clean and simple jQuery tooltip plugin

    Gips is a clean and simple jQuery tooltip plugin. Its simple, customizable, and easy to use. It also supports CSS themes. Several parameters are available like text, delay, auto hide, pause, animation speed, placement, theme and image path.
  4. jQuery Bubble Popup plugin
    jQuery Bubble Popup is a plugin to display smart, animated & shadowed, bubble popups or tooltips with few lines of code in jQuery. The plugin support HTML5 and it is fully compatible with Internet Explorer, Firefox, Chrome, Opera and Safari.It needs jQuery v.1.4.2 or later versions to run. jQuery Bubble Popup is licensed under the MIT license; You are free to use the plugin in commercial projects as long as the copyright header is left intact.
    jQuery Bubble Popup plugin
  5. qTip2 - Pretty powerful tooltips
    qTip2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework. Building on 1.0’s user friendly, yet feature rich base, qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all… it’s completely free under the MIT/GPLv2 licenses. qTip2 utilises a separate style-sheet to contain all tooltip styles, which allows you to easily add new styles without additional JavaScript code, as well as easily editing pre-existing styles.
  6. TipTip jQuery plugin for tooltip
    ipTip is a better way to make a custom tooltips. Its very lightweight ( only 3.5kb minified) and intelligent jQuery plugin. It doesnot uses any images and also it is fully customizable using CSS. TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. TipTip
  7. jQuery tooltip plugin by pollenizer
    jQuery tooltip pollenizer

    This is a simple tooltip plugin that takes the title attribute of an element and replaces it with a DOM node that allows you to style it any way you like. There are three options to generate tooltip content. First one is the content in title attribute, second one is the DOM content and third is pulling it through AJAX.
  8. Cute Balloon : jQuery plugin for beautiful balloon tooltip
    Cute Balloon is a jQuery script that allow you to easy make a beauty tool tip balloon, also with ajax content.
    Cute Balloon
  9. iPicture : Tooltip your images
    iPicture is a jQuery Plugin to create interactive pictures with extra descriptions. You can easily have tooltip in your images using this plugin. iPicture is easy to configure. It has configuration wizard for the setup of plugin. You can Drag n Drop tooltips for placing in image. Also it is easy to customize. It's simple to add extra icon. Choose to animate the tooltip or customize the css.
  10. Tooltipster : The jQuery Tooltip plugin
    Tooltipster is a powerful, flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS. It is a plugin aiming at making the process of creating tooltips as easy as possible while providing the biggest functionality available. They conform to HTML5 and can be styled to your own liking using CSS.

Sunday, March 10, 2013

5 Best jQuery Notification plugins of 2012

  1. Notify : Notification with a style
    Notify is a jQuery Notification Plugin which adds simple notifications bars that you can use on your website and application to assist users while they fill in forms, navigate through pages or interact with interface.
  2. Toast Message jQuery plugin
    jquery-toastmessage-plugin is a jQuery plugin which provides android-like notification messages. It's a quite nice way to report info or error to the user.
  3. jNotify : jQuery plugin to display notification easily
    jNotify is a jQuery plugin for displaying animated notifications easily and only with a single line of code. Three kind of notification boxes are available in jNotify; information, success and failure and they all are entirely skinnable with CSS. This plugin is very flexible and has many options like the position of the messages, opacity of the overlay, duration of the effects, whether it will be hidden automatically or not and much more.
  4. noty : A jQuery notification plugin
    noty is a jQuery plugin that makes it easy to create alert, success, error and confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue. The notifications can be positioned at the top, topCenter (like GMail), bottom, centre, top left or top right.
  5. Sticky : A super simple notification system for jQuery
    Sticky is a simple notification system that allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders. You can configure the position of the notification and also set the required time for autoclose. Duplicate option is also available to enable to show one one box or multiple notification box.

Tuesday, March 5, 2013

notific8 – jQuery Notification Plugin with Windows 8 Style

notific8 is a notification plug-in that was inspired by the notification style introduced in Windows 8. Several configurable options are available.

  • Notifications slide in and out from the upper right corner of the page
  •  Configurable life span of the notification 
  • Option to display a heading 
  • Theme options (see CSS for built in themes) 
  • Ability to make the notification sticky

Sunday, March 3, 2013

"Back To Top" jQuery plugin : Add button to go to the top of the page

BackToTop is a plugin that adds a "Back to top" link automatically to your page. Everything is created by the plugin. No HTML code required. The link is entirely skinnable with css. Optionally it can benefits from the jQuery Easing plugin in order to provide a different easing animation for the scrolling effect of the page.
"Back To Top" jQuery plugin
"Back To Top" jQuery plugin

back to top