Html5. 10 Useful jQuery Plugins For Enhancing Your Website UX. Incorporating jQuery effectively and modestly in your website build process is a great way to enhance and take your user experience to another level.
Using jQuery plugins can be a great tool for helping display content to your users in a much more intuitive and interactive way. The jQuery community is fantastic, developers are consistently releasing new, quality jQuery plug-ins for us to incorporate into our websites. In this post I will take show you a collection of jQuery plugins that are really useful for improving your overall user experience on your website. Nivo Slider. 10 Useful jQuery Plugins For Enhancing Your Website UX. DdSlick - a jQuery plugin for custom drop down with images. With traditional drop downs i.e. using <select><option></option></select> you are limited to only text and value.
But with this easily configurable jquery plugin, you can now create a custom drop down that can very well include images, a short description, along with your usual text and value. Take a look at the following demos in action. 1Basic Drop down using JSON. jQuery Grid & Data Presentation Plugins. Jquery is becoming increasingly known in the web designers and developers community.
Why not take advantage of its magic? In this collection we showcase some really cool jquery plugins and resources to enhance data presentation in grid layout design. Some are practical plugins that will definitely provide a fond user experience. As well, some refined resources that will help layout the span of data beautifully. jQuery Plugins to work with Data Grid. jQuery Grid & Data Presentation Plugins. Fancybox - Fancy lightbox alternative. StickyMojo contained fixed position sticky sidebar jquery plugin. StickyMojo is a contained sticky sidebar jQuery plugin brought to you by MojoTech.
It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+. It will degrade gracefully in older versions of IE. Background After looking around for a contained fixed position sticky sidebar for our blog we found that there were few options that handled all of the intricacies of cross-browser support, window resizing, and smoothness. jQuery++ jQuery UI Multiple Select Widget. This is the successor and port of my original jQuery MultiSelect Plugin to a jQuery UI widget.
While both will actively be maintained, I highly recommend you use this version over the plugin version. It has a more robust feature set, is faster, and is much more flexible. MultiSelect turns an ordinary HTML select control into an elegant drop down list of checkboxes with themeroller support. This version inherits all the benefits from the jQuery UI widget factory that are not available in the plugin version.
A jQuery UI Growl/Ubuntu-like Notification Plugin. Update 7/6/2010: version 1.4.1 is out!
There are about a dozen other plugins out there that do this already, except most seem to come with an enormous footprint: 10-12k of code, X-number of images, and roughly 1000 options to support every plausible use case. For other minimalists like myself out there, here's one built off the jQuery UI widget factory in approx. 110 lines of code and 100% CSS.