experience how useful it is in dynamic web applications, where you can face any shape or size. What it's useful for? Basically any media gallery But imagine you want to use avatars in your web applications: with this plugin you can avoid to develop a functionality that enable your user to load avatars of the right height and width, and still you'll be able to present them nicely in the size/sizes your layout need. Take a look at the avatar demo What this is not? This plugin won't help you deliver very big high-res images more easily. However with this plugin you'll just have to resize them to a more bandwidth friendly dimension, you won't need to crop/resize them to any particular aspect ratio, and most of all you'll be able to change that shape via css whenever you want afterwards.
Related: JQUERY PLUGINS
Filepicker.ioclueTip Plugin DemoclueTip Plugin Demo Below are quite a few examples of how you can add a clueTip to your page, using a wide range of options. Keep in mind that there is nothing magical about the HTML markup. You can use any jQuery selector you want to attach your clueTips. Default Style jTip Theme Rounded Corners Theme this is the local content to load when the 'local' parameter is set to true.Great New jQuery Plugins And Other Resources For Web DesignersThe same way a mechanic uses his tools, a web designer or web developer uses his. In order to create modern websites or web apps with complex functionality you must use newly released tools when working on such projects. I’m trying to do my best in gathering these tools hoping that they’ll help you. Enjoy! jQuery.PercentageLoader jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. CoverScroll jQuery plugin This is a CSS3 variant of the Apple’s CoverFlow design pattern mailcheck.js The jQuery plugin that suggests a right domain when your users misspell it in an email address. AngularJS HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. html shell Happy.js Lightweight form validation for jQuery or Zepto.js jquery-handsontable Fantastic WYSIWYG editor on jQuery Balloons.IO jQuery++ Open-sourcing Stylo Brunch
jPagesWhat does it do? jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load. Apart from all its features, the main diference for the other pagination plugins is that with jPages you can create as many navigation panels as you want and you can choose exactly where to place them. The plugin is very unobtrusive and it won't apply any extra styles to the items you are paginating. Compatible with All Browsers and IE7+ How to Add the following code to the <head> section of your page (correct file locations first): In case you want to use Animate.css animations you will also need to add the file: Example source code: <div class="holder"></div><ul id="itemContainer"><li>... Initiate the plugin: See how it looks like with the default options. Styling jp-first jp-next
scrollUp jQuery plugin - Mark GoodyearScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease. Recently whilst working on a client project I was required to implement a “Scroll to top” feature to make it easy for the user to get back to the top of the page. I decided to take this further and turn it into a fully customisable jQuery plugin to work with any site. How to use Simply include the jquery.scrollUp.min.js file and place the following in the head of your document (make sure jQuery is included): Minimum setup Example with default options activeOverlay To create a visible line to help determin an ideal scroll distance from the top, assign a valid CSS colour to the activeOverlay setting. Fully Customisable ScrollUp is fully customisable through CSS which makes it simple to fit right into your project. Check out the demo for more style and feature examples.
32 Useful jQuery Filter and Sort Data PluginsFor a greater control over the order, placement and organization of your web page or table elements, you option is jQuery Filter or jQuery Sort plugins. With their drag-able controls these plugins make it possible to give you opportunity to create a more dynamic and user friendly design. Every web developer is aware of the fact that sorting and data filtering are useful in case you have large datasets but you can also use these features for managing list views such as portfolio pages. In this post we are providing you with an overview of jQuery plugins which you will find useful for providing powerful functionality to re-order, filter and drag or drop facilities. 1- Using jQuery To Manipulate and Filter Data In case of large data tables, you would love to give your user a platform to sort through the data in a structured manner and you can have complete information about hover effect, zebra rows, filtering and sorting. Details 2- Beautiful Data Demo | Details Demo | Details 4- Advanced tables