Hundreds upon hundreds of new jQuery plugins are released every year. Some basic, offering simple functions, others can be complex offering far more functionalities. Either way, both types of plugins are always useful. Today, with this jQuery round-up, we will focus on both types and highlight 30 plugins that we feel have been the most useful and innovative from the last few months.
Here they are:
jQuery Nested – Create Multi-Column, Dynamic Grid Layouts
jQuery Nested allows you to create a completely gap-free multi-column, dynamic grid layout.
jResponsive – Super-Smooth Transition Layouts
jResponsive allows you to add a dynamically-resized layout to any page or element and customize the layout the way you want (with or without top, bottom, right or left navigation). It can be applied to a container element and will arrange its children in a layout that makes optimal use of screen space, by "packing" them in tightly.
FlexNav – Flexible, Device Agnostic Navigation
FlexNav is a mobile-first example of using media queries and jQuery to make a robust drop-down menu. From the developer: It is a ‘device agnostic approach to complex site navigation with support for touch and keyboard sccessibility’.
scrollNav.js – Scrolling Resposnive Side-Nav
scrollNav is a lightweight jQuery plugin that grabs your page's existing content, divides it up into logical sections and builds a customizable scrolling sidebar navigation.
ClassySocial
ClassySocial is a plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button.
jQuery Github – A plugin to display your favorite Github Repositories
ClassySocial is a plugin that lets your site visitors easily see what networks you belong to and visit them in a click of a button.
Flaunt.js – Responsive Navs with Nested Click-To-Reveal
Flaunt.js allows you to create a stylish responsive navigation with nested click to reveal.
Sidr – Creating Facebook-Like Side Menus
Sidr is an easy to use plugin that will create a responsive Facebook-a-like side menu.
Magnific Popup – Truly Responsive Lightbox
Originally released on Smashing Magazine, Magnific Popup is a fast, lightweight and feature-rich responsive lightbox plugin with its focused on performance and providing the best experience for users on any device. It is also Zepto.js compatible.
You can check-out the examples on CodePen.
slideToucher – Touch Enabled jQuery Plugin for Content Swiping
slideToucher is a content swiping touch enabled jQuery plugin with support for both vertical and horizontal swipes.
Flexisel – Responsive Carousel Plugin
Flexisel is a responsive image carousel plugin with options specifically available for adapting the carousel for mobile and tablet devices.
Swipebox – A Touchable jQuery Lightbox
Swipebox is a responsive jQuery lightbox plugin that features: Swipe gestures for mobile; Keyboard Navigation for desktop; CSS transitions with jQuery fallback; Retina support for UI icons.
Photoset Grid – Arrange Images into a Flexible Grid
Inspired by Tumblr’s photoset feature, Photoset Grid is a simple jQuery plugin for arranging images into a flexible grid.
LiquidSlider – A Responsive jQuery Content Slider
dropdown.dot.js – Flexible Dropdowns Based on dot.js Templates
dropdown.dot.js is a super-flexible and clean jQuery Dropdown Plugin based on dot.js templates.
Unslider – A 'Super-Tiny' jQuery Slider
typeahead.js – A Fully-Featured Autocomplete Library
Inspired by Twitter’s autocomplete search functionality, typeahead.js is a fast and fully-featured autocomplete library.
iCheck – Customize Checkboxes & Radio Buttons
Image Picker – Transforms <select> into a More User-Friendly Interface
Image Picker is a simple jQuery plugin that transforms a <select> element into a more user friendly graphical interface.
Chardin.js – Simple Overlay Instructions for Apps
Inspired by the recent Gmail composer tour, Chardin.js creates simple overlay instructions for web apps to demonstrate to your readers how to use your web app.
Textillate.js – A Plugin for CSS3 Text Animations
Textillate.js is a simple plugin for applying amazing CSS3 animations to any block of text.
jtwt.js – A Plugin to Display Your Recent Tweets
jtwt.js is an easy-to-use plugin that allows you to display your recent tweets on your website or elsewhere.
imageloader.js – A Plugin for Preloading Images
jQuery Alpha Image Plugin
The jQuery Alpha Image Plugin can change selected image colours to transparent and offers the result as either an image or as imagedata.
jQuery Alpha Image PluginGitHub
bPopup – A jQuery Modal Pop-Up Plugin
bPopup is a lightweight (only 1.49kb gzipped) modal popup plugin. The plugin doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more, giving you plenty of opportunities to customize as per your needs.
Sieve – Add an Interactive Search Filter to Any Content
Sieve allows you to quickly add an interactive search filter to any block of content.
Perfect-Scrollbar – A jQuery Scrollbar Plugin
Pronto – A Plugin for Faster Page Loads
Building on concepts like pjax and TurboLinks, Pronto is a simple way to harness the speed increases that HTML5′s pushState() can provide on nearly any site
Rubberband – A Plugin for Adding Responsive Breakpoint Events
Rubberband allows scripts to act on media query changes in real time by making use of the browser’s internal media query matching system, window.matchMedia.
scrollUp – A Lightweight Plugin for Creating a Customisable “Scroll-to-Top”
ScrollUp creates a customisable “Scroll to top” feature that will work with any website.
jQuery Pin – Pin Any Element Within a Container
jQuery.Pin will ‘pin’ any element to the top of a container as you scroll down the page. It can be easily disabled for smaller screen-sizes.
PowerTip – A jQuery Hover Tooltip Plugin
PowerTip is a jQuery tooltip plugin with some advanced features like hover intent testing, tooltip queueing, and support for complex data.
jQuery Builder – Easily Build a Custom Version of jQuery
jQuery Builder allows you to easily build a custom version of jQuery that just includes the modules you need.
0 yorum:
Yorum Gönder