Responsive jQuery Image Sliders and slideshow plugins

 http://tympanus.net/codrops/category/blueprints/

 

1.best jquery plugin

$('.banner').unslider({
 speed: 500,               //  The speed to animate each slide (in milliseconds)
 delay: 3000,              //  The delay between slide animations (in milliseconds)
 complete: function() {},  //  A function that gets called after every slide animation
 keys: true,               //  Enable keyboard (left, right) arrow shortcuts
 dots: true,               //  Display dot navigation
 fluid: false              //  Support responsive design. May break non-responsive designs
});

 

Unislider – The super tiny jQuery Slider

No fancy effects or unnecessary markup, and it’s less than 3kb. Use any HTML in your slides, extend with CSS. You have full control. Everything to do with Unslider is hosted on GitHub.

• Cross-browser happy
• Keyboard support
• Adjusts for height
• Yep, it’s responsive
• Touch support

Demo | Download

 

http://unslider.com/#download 

 -------------------------------------------------------------------------------------------

AND ANOTHER BEST FULL SCREEN JQUERY SLIDE

https://github.com/codrops/Blueprint-FullWidthImageSlider

-------------------------------------------------------------------------

2.Flat-style Polaroid gallery

A scattered style gallery with responsive design and flat looks will interest many of us. This gallery is better suited for tablets and bigger displays.

• Responsive Slider
• Flat Design
• Shuffle transition
• Full source code available

Demo| Download

Fullscreen Slit Slider with jQuery and CSS3 + Tutorial

A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.

• Responsive Design
• Split Transition
• Full Screen slider

Demo|Download

Simple multi-item jQuery slider + Tutorial

The idea was inspired by the Apple product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store design where the items represent different categories. Categories as use-case fit quite well because of the limited nature of this type of slider.

• Responsive layout
• Minimal Design
• Fade and slide effects

Demo|Download

Full width jQuery image slider

A very simple 100% width slider that scales down to mobile. This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.

• Responsive jQuery slider
• Full width
• Minimal Design

Demo|Download


-----------------------------------------------------
READ MORA AT
  http://designscrazed.net/free-responsive-jquery-image-sliders/

http://designscrazed.net/free-responsive-jquery-carousel-slider-plugins/


http://designscrazed.net/jquery-map-plugins/

--------------------------------------------------
http://designscrazed.net/jquery-navigation-plugins-menus/

Slidebars

Build perfect push menus with this powerful jquery plugin as it is capable of displaying sidebar style menus with easy implementation in html websites.
Demo | Source


 

http://tympanus.net/codrops/2013/05/02/vertical-timeline/

http://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/