Advertise here

jQuery Plugins of June 2013

contextMenu.js – Customizable jQuery Context Menu

June 28, 2013     4356    
contextMenu.js – Customizable jQuery Context Menu

contextMenu.js is a plugin to create windows like context menu with keyboard ineteraction, different type of inputs, trigger events and much more.

Features

  • Use as simple popup or as a context menu.
  • Adjust position and size to fit in viewport.
  • Keyboard interaction.
  • Support different type of inputs (json, UL list)  .
  • Trigger Context menu with right-click, left-click,hover or any other mouse events.
  • Css outside of javascript so you can edit the look of menu.
  • Optional icons for commands.
  • Submenus

Read More »

Jumble – jQuery Plugin for Jumble Up the Colours of Texts

June 27, 2013     5418    
Jumble – jQuery Plugin for Jumble Up the Colours of Texts

Jumble is a jQuery plugin that jumbles up the colours of your text - and can animate them. (which is mobile safe)

Read More »

Mobile Friendly and Responsive Expanding Search Bar

June 26, 2013     24199    
Mobile Friendly and Responsive Expanding Search Bar

A tutorial on how to create a mobile-friendly and responsive expanding search bar.

Summarized, this is what we want the search component to do:

  • Initially, we only want to show a button with a search icon.
  • When clicking on the icon, we want a text input to slide out.
  • The component should be fluid, meaning that we can use it in a responsive context.
  • For a smoother experience on touch devices, we’ll also want to add support for touch events.

Read More »

jQuery.waterfall – Pinterest Like Waterfall Layout jQuery Plugin

June 25, 2013     17931    
jQuery.waterfall – Pinterest Like Waterfall Layout jQuery Plugin

jQuery.waterfall is jQuery plugin for Pinterest like waterfall layout. It’s lightweight version of fluid columns masonry layout of isotope. It's fast, tiny, reliable and free alternative to isotope masonry column shift layout.

Read More »

YouTube TV – YouTube User/Playlist Player jQuery Plugin

June 25, 2013     27910    
YouTube TV – YouTube User/Playlist Player jQuery Plugin

YouTube TV is a small, slick, library independent YouTube User/Playlist player. Also it can be used as a jQuery plugin.

Features

  • Library Independent
  • Customizable via CSS
  • Autoplay
  • Remove YouTube Chrome
  • Supports Playlists and Users
  • jQuery Support
  • Module Support

Read More »

Gridly – jQuery Plugin to Enable Drag & Drop on Grids

June 24, 2013     31638    
Gridly – jQuery Plugin to Enable Drag & Drop on Grids

Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids.

Read More »

Simple Vertical Menu with jQuery and CSS3

June 23, 2013     19023    
Simple Vertical Menu with jQuery and CSS3

tutorial about how to create a simple, but very stylish vertical menu using some CSS3jQuery, a custom text font and the most impressive icon font. Combine all of these with a nice color scheme and you get a beautiful UI element, ready to be used in your projects!

Read More »

Hide/Show Password Plugin for jQuery

June 21, 2013     3661    
Hide/Show Password Plugin for jQuery

Hide/Show Password plugin lets you easily hide and reveal the contents of a password input field. It's based on a mobile design pattern.

Read More »

jPaginator – jQuery Plugin for Pagination

June 19, 2013     2536    
jPaginator – jQuery Plugin for Pagination

jPaginator is a jQuery plugin for pagination. It's fun, intuitive, it comes with a slider and you can ask for an unlimited number of pages. 

Read More »

Stacks – jQuery Plugin for iOS Style Headers

June 18, 2013     1766    
Stacks –  jQuery Plugin for iOS Style Headers

Stacks is a jQuery plugin to create iOS list-style headers. Recreates the effect from iOS contact lists etc. When you scroll down a page, the section header scrolls down with you, until you hit the next content header, which follows you from that point.

Read More »

Progression.js – Hints & Progress Plugin for Forms

June 18, 2013     1517    
Progression.js – Hints & Progress Plugin for Forms

Progression.js is a jQuery plugin that gives users real time hints & progress updates as they complete forms.

Read More »

TourBus – jQuery Tour/Walkthrough Plugin

June 17, 2013     1356    
TourBus – jQuery Tour/Walkthrough Plugin

jQuery TourBus is a jQuery tour/walkthrough plugin. It takes more of a toolkit approach than some of the alternatives that try to have focusing elements, auto-progress with timers and indicators and etc.

Read More »

Mason.js – jQuery Plugin to Create Grid Layout

June 17, 2013     23498    
Mason.js – jQuery Plugin to Create Grid Layout

Mason was created to solve a problem with most grid system currently available. Gaps. When using MasonryIsotope or any of the other grid plugins out there sometimes your grid will contain gaps or ragged edges. Mason was made to fill those gaps in.

Built on the idea of true masonry when a grid is constructed there are bound to be holes, so Mason calculates where those holes are fills them in.

Read More »

How to Make a Digital Clock with jQuery and CSS3

June 15, 2013     10361    
How to Make a Digital Clock with jQuery and CSS3

Nice tutorial about How to Make a Digital Clock with jQuery and CSS3. Soon functionality for setting alarms and playing them back with HTML5 audio ll be add.

Read More »

Bootstrap Dropdown on Hover Plugin

June 14, 2013     8588    
Bootstrap Dropdown on Hover Plugin

A simple plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.

The HTML markup is the same as with any other Bootstrap dropdown. This will not interfere with Bootstrap's default activate-on-click method.

Read More »

Ion.Range Slider – jQuery Range Slider with Skin Support

June 13, 2013     7955    
Ion.Range Slider – jQuery Range Slider with Skin Support

Ion.Range Slider is beautiful, comfortable and easily customizable range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS. Ion.Range Slider supports touch-devices (iPhone, iPad, etc.).

Read More »

Filterable – jQuery Plugin for Per-Column Filtering

June 12, 2013     10848    
Filterable – jQuery Plugin for Per-Column Filtering

Filterable is a jQuery plugin that preforms per-column filtering for an HTML table with Bootstrap and X-editable themes.

Read More »

flipGallery – jQuery Powered Animated Photo Gallery

June 12, 2013     10985    
flipGallery – jQuery Powered Animated Photo Gallery

flipGallery is a free jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements.

Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings.

Read More »

jQuery Colorpicker in jQuery UI Style

June 11, 2013     5612    
jQuery Colorpicker in jQuery UI Style

jQuery colorpicker with themeroller stylingRGBHSLCMYK and L*A*B support. Standard look & feel, configurable layout. Works as a popup or inline.

Read More »

Horizontal Portfolio Layout with CSS3 Animations and jQuery

June 10, 2013     7063    
Horizontal Portfolio Layout with CSS3 Animations and jQuery

In this tutorial you're going to create a horizontal portfolio layout with cool hover effects. CSS3 animations and transitions used for hover effect of the portfolio items, and some jQuery to replicate the image pan effect on hover.

Also there is falling down effect on scroll, where the portfolio items fall down as soon as they enter the visible area of the viewport.

Read More »

Ion.Zoom – Image Zoom Lightbox jQuery Plugin

June 09, 2013     8204    
Ion.Zoom – Image Zoom Lightbox jQuery Plugin

Ion.Zoom is an easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place. Also supprort keyboard controls with ESC, LEFT and RIGHT button. Supports multiple independently operating galleries in one page. Works on touch screen devices (iPhone, iPad, etc.).

Read More »

WhatWeather – jQuery Weather Plugin

June 08, 2013     8024    
WhatWeather – jQuery Weather Plugin

WhatWeather is a jQuery plugin which provides weather's data. It uses worldweatheronline.com API to get, parse and deliver data in order to create weather's widgets. WhatWeather provides data and let you manage the display also you can easely change the template of your widgets.

Read More »

Swiper – Mobile Touch Slider

June 08, 2013     29954    
Swiper – Mobile Touch Slider

Swiper is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps.

Designed mostly for iOS, but also works great on Android, Windows Phone 8 and modern Desktop browsers.

Read More »

Responsive Side Toggle Menu

June 07, 2013     14136    
Responsive Side Toggle Menu

Side Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window. It supports two types of unveiling- either by nudging the rest of the page and making room for itself, or overlaying the page. 

CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And speaking of mobile devices, the menus are adaptive in that it automatically switches to a basic drop down menu using a toggle button at the top of the page when the user's device width is 480px or less.

Read More »

On-Scroll Animated Header

June 06, 2013     18161    
On-Scroll Animated Header

fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.

An animated header that will change its size on scroll. Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will adjust their font-size/line height. There are example media queries for dealing with different screen sizes.

Read More »

Smint – jQuery Sticky Menu with Smooth Navigation

June 06, 2013     17866    
Smint – jQuery Sticky Menu with Smooth Navigation

Smint is a simple jQuery plugin that helps with the navigation on one page style websites.

It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.

Read More »

CollagePlus – Image Gallery Plugin for jQuery

June 05, 2013     25864    
CollagePlus – Image Gallery Plugin for jQuery

CollagePlus is jQuery plugin that arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.

Read More »

Shards – jQuery Plugin for CSS Multi Layered Gradient Background

June 05, 2013     2915    
Shards – jQuery Plugin for CSS Multi Layered Gradient Background

Shards is a jQuery plugin that builds a CSS multi-layered gradient background on any element - resembling neon shards!

Read More »

Scroll To – Simple Way to Animate Anchors

June 04, 2013     8791    
Scroll To – Simple Way to Animate Anchors

Scroll To plugin allowing you to write your anchor tags just as you normally would with the href attribute pointed at the ID you would like to move to. This means that if JavaScript is turned off, your site will continue to function normally. You can offset the location of where you scroll to, control the speed and override the element ID you are scrolling to all through the plugin.

Read More »

ClassyTwitter – Display Latest Tweets with Nice Interface

June 04, 2013     8852    
ClassyTwitter – Display Latest Tweets with Nice Interface

ClassyTwitter  is a jQuery plugin that gives you the ability to show your last tweets from Twitter in a nice interface.

Read More »

Bootstrap Multiselect

June 03, 2013     550684    
Bootstrap Multiselect

Bootstrap Multiselect is a JQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select a bootstrap button will be shown as dropdown menu containing the single options as checkboxes.

Read More »

aMenu – Animated jQuery Menu

June 02, 2013     4501    
aMenu – Animated jQuery Menu

aMenu is a animated jQuery Menu plugin with show, fade, slide, wind effects. Also you can choose effect speed.

Read More »

SmartMenus – Responsive jQuery Menu Plugin

June 02, 2013     14998    
SmartMenus – Responsive jQuery Menu Plugin

SmartMenus is jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.

Features

  • Optimized for mobile and desktop browsers supporting touch, mouse or both inputs at the same time
  • Section 508 compliant and fully accessible to assistive technology like screen readers
  • List-based (search engine friendly) markup - can be easily generated from any kind of database
  • Completely CSS driven with fully customizable menu styles
  • Unlimited menu trees on the same page and unlimited sub menu levels supported
  • Horizontal or vertical main menu items arrangement

Read More »

Smooth Diagonal Fade Gallery with CSS3 Transitions

June 01, 2013     5365    
Smooth Diagonal Fade Gallery with CSS3 Transitions

In this tutorial you are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window. 

CSS3 capable browsers will show a smoothly animated diagonal fade effect, while older browsers will fall back to a simpler but still perfectly usable non-animated version of the gallery.

Read More »