• Home
  • WORDPRESS
    • PLUGINS
    • PHP
    • Themes
    • DEVELOPMENT
      • Javascript
      • JQuery
      • Mootools
  • WEB DESIGN
    • DESIGN
    • CSS
    • HTML
  • TYPOGRAPHY
    • FONTS
  • RESOURCES
    • TUTORIALS
    • THEMES
    • SLIDERS
    • TECHNOLOGY
  • ARCHIVES
  • CONTACT
  • Advertise

Code Geekz

    • Most Popular

      All time

    • 30 Best Tools for Data Visualization

      37 Comments

    • Best PHP Frameworks for Developers

      33 Comments

    • Latest Stories

      What is new?

    • Building Product Teams That Scale: The Case for Remote .NET Developers

      May 21, 2025

    • Choosing a WooCommerce Theme? Here’s What Most Store Owners Get Wrong

      May 9, 2025

    • Comments

      Most Recent

    • B. Frances on:

      Best WordPress Wedding Themes

    • Ultimate Content Locker Pro on:

      Best WordPress Social Content Locker Plugins for 2017

  • Home
  • WORDPRESS
    • PLUGINS
    • PHP
    • Themes
    • DEVELOPMENT
      • Javascript
      • JQuery
      • Mootools
  • WEB DESIGN
    • DESIGN
    • CSS
    • HTML
  • TYPOGRAPHY
    • FONTS
  • RESOURCES
    • TUTORIALS
    • THEMES
    • SLIDERS
    • TECHNOLOGY
  • ARCHIVES
  • CONTACT
  • Advertise

10 Fresh & Handy jQuery Plugins for Developers

5
  • by Gavin
  • In JQuery · Plugins
  • — 19 Jun, 2013

jQuery is no stranger to most advanced users and bloggers alike, and many strides in JavaScript adoption by developers and browser vendors, have produced plenty of plugins which have come onto the scene. This is part of the reason as to why jQuery has become one of the most popular and utilized JavaScript libraries available.

jQuery is an expedient and concise library that simplifies traversing HTML documents, event handling, animations, and adding AJAX. jQuery plug-ins offer a vast array of benefits to web designers of all levels of experience.

In this article we would like to present our readers with 10 Fresh and Handy jQuery plugins which will be useful for improving the overall user experience on your website.

1.Progression.js

progressive-form
Progression.js is a jQuery plugin that gives users real time hints & progress updates as they complete forms. All you have to do is to give your form a unique ID. You then need to add a data attribute of data-progression to each element that needs to be a step in the form progression. Once you have created your form you will need to initiate the plugin.

Download

2. jQuery TourBus

jquery-tour
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. Start by including the jQuery plugin and base styles on your page, of course. Then we can define some ‘legs’ of our tour. Imagine you have a page with some stuff you want to lead the user through. You’ll find the basics of the leg styles (padding, background color, etc) which you can either edit or override in your own stylesheets.

Download

3. Mason.js : Dynamic-Colum & Gap Free Grids

masonjs
Mason.js is a jQuery plugin that aims to perfect such grids by filling those gaps smartly. One the grid is created, the plugin calculates where those gaps exist and fills them with either predefined elements or by duplicating the content in the grid. It is possible to define the sizes to be used for elements, the size of columns/rows, breakpoints and if the layout will be fluid or fixed.

Download

4. Pop Easy

popeasy
Pop Easy is a jQuery plugin for quickly creating completely customizable modals. The plugin is lightweight (2kb) and has support for displaying any HTML element, including videos. Regarding the design, the default modal already has a good-looking interface and it can be changed/improved with CSS.

Download

5. Smint : Sticky Menu with Smooth Scroll

jquery_sticky_menu-smint
Smint is a jQuery plugin that can turn any given element into a sticky menu instantly. Also, the plugin has support for smooth scrolling (which is usually used in one-page websites). The plugin is almost plug ‘n’ play and the only customization provided is “scrolling speed”.

Download

6. FlipClock

flipclock-js
FlipClock.js is a jQuery plugin which replicates this effect to present anything related to time. It has support for working as a clock, countdown or timer and can be customized completely with CSS. There is an option for auto-start, multiple methods exist for controlling it (start, stop, getTime, setTime..) with their callbacks.

Download

7. Least.js

least_js
Least.js is a jQuery-powered image gallery that can display images in a Pinterest-like layout. The images are displayed from an unordered list where their order is randomized on each load. Any clicked image doesn’t load the bigger version in a modal but by sliding other items down and the big version on the top (kinda similar to Google Image search).

Download

8. Unveil : Lightweight Version of Lazy Load

unveil
Most of us are familiar with the Lazy Load plugin by Mika Tuupola. This is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport won’t be loaded until the user scrolls to them.
Lazy Load has some cool options such as custom effects, container, events or data attribute. If you’re not going to use any of them you can reduce the file size by leaving just the essential code to show the images. That’s what jQuery Unveil does, it is the lightweight version of Lazy Load with support for serving high-resolution images to devices with retina displays – less than 1k.

Download

9. Mmenu : Mobile App like Sliding Menus

mmenu
jQuery.mmenu is a slick plugin that brings the same behavior into any -mobile- web layout. It transforms unordered lists with unlimited sub-lists into menu items and has multiple options for customization. The options include the position of the menu (left/right), if a counter for the menu items will be displayed or not and more.

Download

10. jQuery Swatches

color-swatches
jQuery.swatches is a free to use that turns a one-line div into a sweet color swatch. You can customize the class as you want. Using different classes would allow you to render groups of swatches at individual times by calling swatchify() on a different selector.

Download
Share

Tags: best jquery pluginsjquery pluginsnew jquery pluginstop jquery plugins

— Gavin

A Web addicted Geek stuck inside Tron.

  • Previous story Fontastic : Create Your Own Customized Icon Fonts
  • Next story 17 Best CSS Tools to Speed Up Your Coding

You may also like...

  • 15 Top jQuery Plugins for November 2013
  • 15 Responsive jQuery Carousel plugins for 2016
  • jQuery Based UI Frameworks for Developers
  • 20 Exciting jQuery Mobile Plugins for 2015

Enter your em@il & get our posts delivered.





  • Enter your em@il & get our posts delivered.

  • Codegeekz
    • Home
    • JQuery
    • 10 Fresh & Handy jQuery Plugins for Developers
    • Home
    • WORDPRESS
      • PLUGINS
      • PHP
      • Themes
      • DEVELOPMENT
        • Javascript
        • JQuery
        • Mootools
    • WEB DESIGN
      • DESIGN
      • CSS
      • HTML
    • TYPOGRAPHY
      • FONTS
    • RESOURCES
      • TUTORIALS
      • THEMES
      • SLIDERS
      • TECHNOLOGY
    • ARCHIVES
    • CONTACT
    • Advertise

    CODEGEEKZ.COM