is an image cropping jquery plugin that will satisfy your needs and much more

Another amazing and wonderful collection of jQuery and CSS3 for you is presented here. In this collection we are showcasing 40 jQuery and CSS3 loading animation and progress bar plugins and tutorial. One thing keep in your mind that CSS3 animations are not yet supported in old browsers so you have to try modern browsers if you want to see the live action of these outstanding plugins. With loaders and progress bars users know that something is still going on that’s why loaders and progress bars are very essential for users.

Webpage forms are quite commonplace for a number of different purposes. Some examples include user registration, e-commerce checkouts, profile settings, or even contact forms. Input fields are much easier to style with modern CSS3 techniques – but what about improving the overall user experience?

In this post I want to showcase a number of free open source jQuery plugins to help developers create easier web forms. Visitors want to fill out forms quickly and without much hesitation. You don’t want too many flashy page elements distracting from the task at hand. Think of these additional features more like guidelines to help users fill out forms concerning unique or unfamiliar content.

You know those cool graphs and statistics you can get for a repository on github? The things is that (unfortunately) not all git repositories are hosted on github for various reasons. This is the PHP tool for rendering graphs for your repository that can be hosted anywhere, and it looks great.

The example screenshots are graphs generated for the jQuery repository.

I can still remember the old digg.com user profiles with dynamic avatar cropping via JavaScript. Their user interface was clean, easy to use, displayed a sample before you cropped, and would auto-update as you changed the selection box. I have always admired this design and have been on the lookout for a great jQuery plugin which can offer similar features with less custom code.

After toying with Jcrop I have come to really support this plugin. The codes are very small and do not require a whole lot of setup (although there are plenty of optional settings). My demo example will include dynamic avatar updating in real-time, along with a PHP rendering script. I think the amount of new social networks and websites offering user profiles should definitely take this UX technique into consideration.

Data is everywhere and well-designed data graphics can be both beautiful and meaningful. Data visualization is the study of the visual representation of data, meaning “information that has been abstracted in some schematic form, including attributes or variables for the units of information”.

Three Sixty Image slider plugin
This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire.

Collecting All Cheat Sheets

Tooltipster is a lightweight (4,813 bytes minified) jQuery plugin that enables you to easily create clean, HTML5 validated tooltips.

Supports HTML tags inside the tooltip
Lightweight and degradable
Extremely flexible & fast to set up
Easily styled with 100% CSS - no images needed
Plays nicely with IE
Developed by Caleb Jacob in 23 hours with 2 bag of Fritos and 7 cups of water. Feel free to use and abuse (or improve)!

jQuery Plugin

16 unique transition effects
Simple clean & valid markup
Loads of settings to tweak
Built in directional and control navigation
Packed version only weighs 12kb
Supports linking images
HTML Captions
3 Slick Themes
Free to use and abuse under the MIT license
Responsive

An awesome, fully responsive jQuery slider plugin.
Simple, semantic markup
Supported in all major browsers
Horizontal/vertical slide and fade animations
Multiple slider support, Callback API, and more
Hardware accelerated touch swipe support
Custom navigation options
Use any html elements in the slides

File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.

Without a doubt, my least favorite form element is the SELECT element. The element is almost unstylable, looks different across platforms, has had inconsistent value access, and disaster that is the result of multiple=true is, well, a disaster. Needless to say, whenever a developer goes the extra mile to offer solution to these issues, a big smile gets painted on my face. Harvest recently released Chosen, a SELECT enhancer which offers autosuggest, search, stylability, and an elegant solution for multiple selection. Better yet, Chosen is available for both jQuery and Prototype. Let's take a look at how to use Chosen!

Social Media is playing very important role in the marketing of products and websites. This is the reason the integration of Social Media into websites has become more essential now. In this post I collected the best jQuery Social Media Plugins for web developers to make their websites social media friendly with a wow effect of jQuery.

Here is a large collection of awesome Jquery Tutorials & Cheat Sheets from around the web!

jVectorMap is a jQuery plugin employed to show vector maps and visualize data on HTML pages. It uses SVG in all modern browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, while legacy support for older versions of IE from 6 to 8 is provided with VML. Using jVectorMap is pretty simple as for any other jQuery plugin. All you need is to connect JavaScript and CSS files of the plugin:

Cheat Sheets are useful because web-developers need to remember more things. It is hard to memorize syntax for web developers and designers since they are always evolving and rising. In this process, Cheat Sheet is always come in handy. These cheat sheets are designed to be printer friendly and you can use as reference cards.
Here is a collection of useful cheat sheet specially for front end web developer and manage effectively. It would helpful for HTML, CSS, JavaScript, etc. I hope you will find this article useful, lets get started!

In this post, we're showcasing a collection of 7 Great jQuery Plugins to Enhance Your Form Elements, all plugins are free for you to download and come with detailed documetaion on how to use them.

In the last few years jquery image sliders and jQuery image galleries become very popular in blogs and especially in portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery. One of the easiest solution to attract your visitors and to show your potential clients your portfolio is the image sliders and image galleries.