Pickadate.js is a lightweight jQuery dateinput picker.
Best jQuery Plugins Plugins & Tutorials with Demo
Slider Shock : Most complete responsive jQuery/WordPress Slider
jQuery Slider Shock. A fully responsive slider and the most complete over the web right now. Available for you to download it as a jQuery code to use it wherever you need, or as a plugin for the most used CMS: WordPress. We wanted to make something that could take advantage of all the power that the jQuery code has to offer and this is the result. Take a look into this post and the features that our slider has to offer.
Do you want to build your own Slider? Sure, you can do it!. Look at the controls available to do so.
Features:
- You can easily add thumbnails on any of the sides of the slider ( top, bottom, left, right ) allowing users to navigate easily between slides.
- jQuery Slider Shock supports not only images but also allows you to show Videos from YouTube playlists, RSS Feeds, Twitter Feeds, Flickr and Instagram images from an account.
- You can create an slider from each of the following sources: Custom Slides, Posts (WordPress), Custom Post Types (WP), Taxonomies (WP), External RSS, YouTube, Flickr, Twitter and Instagram.
- Add videos from YouTube, Vimeo or Hulu.
- Create a unique slider adding not only videos or only images, but both of them between slides.
- You can have as many sliders as you want in the a single page.
- Add a flat color or a pattern based background the captions in the slides.
- You can adjust both the position and width of the slider captions.
- You can also include external URL images. By doing that, you can add completely different background patterns to your slider.
- You can choose a fixed width for your images, or adjust them to the 100% of its parent width..
- Add image descriptions within the thumbnail labels and display them on top, bottom, left or right side of your slider.
- Like the images, the labels can have their own background.
- You can adjust both the position and width of your captions.
- Pick one from 31 available effects (premium) or let them be random.
- Responsiveness can be deactivated, allowing your slider to remain the same disregarding the screen size.
- You choose the skin that fits on your site the best from 39 skins.
Any list scroller : jQuery scrolling plugin
ALS – Any List Scroller is the jQuery plugin by musings.it to scroll any list, of any dimension, with any content.
Features:
- It is surprisingly easy to use
- it works on any kind of list
- List elements can be texts, images, anything
- List items must not have a fixed size, or equal to each other
- The list can be scrolled horizontally or vertically
- Scrolling can be simple or infinite (circular)
- Scrolling can be manual or automatic (autoscroll)
- You can set the number of visible items
- You can set the scrolling step
- You can put more than one ALS in a single page (multiple instance)
jQSlid : jQuery Interactive Cycle Slides Plugin
jQSlid is a simple jQuery plugin that offers parallel sliding for both content and the navigation. It can be used in various situations where sliding functionality is required. e.g You can use it for creating sliding banners and portfolio sliders with navigation and content sliding in parallel.
Swish jQuery Zoom Hover Effect Plugin
Todays freebie is a swish jQuery zoom hover effect plugin which you can use to add a great effect to things such as portfolio item’s.With this plugin you can add a zoom style effect to your images on hover, also you can add an overlay to it (What you tend to see on a lot of themes with lightboxes). You can also adjust all the settings it comes with (refer to usage in the index.html header).
Backbone.Notifier : UI Notifications Framework with jQuery & Backbone.js
Backbone.Notifier is a powerful UI notifications framework for displaying and controlling UI notifications.It is built on top of jQuery, Backbone.js + Underscore.js and has many cool features like a 3D module or animations support.
The notifications can be displayed on the top or in the middle, modal notifications exist and it is possible to set custom styles via CSS + JS API.
Spice up your personal site with jQuery
In this tutorial I will taught how to take a personal site with a common text document layout, and create something far more interesting with the jQuery Scroll Path plug-in .We’re going to use one of my own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.
