{"id":218,"date":"2011-01-04T13:41:57","date_gmt":"2011-01-04T19:41:57","guid":{"rendered":"http:\/\/creativefan.com\/?p=10697"},"modified":"2016-09-13T17:07:11","modified_gmt":"2016-09-13T23:07:11","slug":"fresh-and-useful-jquery-plugins-that-enhance-usability","status":"publish","type":"post","link":"https:\/\/www.victormiranda.com.mx\/vmwp\/fresh-and-useful-jquery-plugins-that-enhance-usability\/","title":{"rendered":"Fresh and Useful jQuery Plugins That Enhance Usability"},"content":{"rendered":"<div style=\"margin-top: 0px; margin-bottom: 0px;\" class=\"sharethis-inline-share-buttons\" ><\/div><p><img decoding=\"async\" src=\"http:\/\/feedads.g.doubleclick.net\/~a\/chHmZ9A7xzmW_HBPrmZDxdAvAtI\/0\/di\" border=\"0\" alt=\"\" \/><br \/>\n<img decoding=\"async\" src=\"http:\/\/feedads.g.doubleclick.net\/~a\/chHmZ9A7xzmW_HBPrmZDxdAvAtI\/1\/di\" border=\"0\" alt=\"\" \/><\/p>\n<p><strong>jQuery plugins<\/strong> can enhance usability for users of all demographics, and there are plugins that you can use to target usability enhancements for a given area. <strong>jQuery tooltip plugins<\/strong> are a great way to provide extra information to the user about a given button, image or feature on your site. \u00a0<strong>jQuery sliders<\/strong> can quickly cycle through featured images, while <strong>jQuery gallery plugins<\/strong> can let photographers and artists display their images and show them off to the world. \u00a0For web developers, <strong>jQuery form plugins<\/strong> can allow awesome form customizations that guide the user through and allow interesting effects.<!--more--><\/p>\n<p>In this post, you\u2019ll find some fresh and useful jQuery plugins that can enhance your site\u2019s usability, functionality and overall design.<\/p>\n<p>If you need more amazing jQuery plugins, check out these posts:<\/p>\n<p>Useful jQuery Plugins for Every Project10 Powerful AJAX jQuery File UploadersSleek jQuery Accordion Menu Plugins and Tutorials30 jQuery WordPress Tutorials and PluginsHelpful jQuery Tooltip PluginsAwesome jQuery Navigation Menu Tutorials and Plugins30 Awesome jQuery Slider Plugins and TutorialsThumbnail Gallery<\/p>\n<p>Thumbnail Gallery JQuery plugin is a easy to use JQuery plugin for web developer to build Javascript gallery on their web application. The gallery can be driven by xml. Easy setup and only minimum programming knowledge is needed. Best to showcase your photography portfolio.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10698\" title=\"jquery-1\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-1.jpg\" alt=\"\" width=\"500\" height=\"284\" \/><\/p>\n<p>Mobily Blocks<\/p>\n<p>jQuery plugin (2KB) that allows you to create an unordered list as an animated circle.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10699\" title=\"jquery-2\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-2.jpg\" alt=\"\" width=\"500\" height=\"177\" \/><\/p>\n<p>ppGallery<\/p>\n<p>Showcase your gallery in style with ppGallery, an advanced lightbox photo gallery plugin built with the jQuery Framework. It is lightweight, unobtrusive and installs with ease. It has been tested on the latest versions of IE7, IE8, Safari, Firefox, Google Chrome, Camino and Opera.\u00a0ppGallery will take your images and create an elegant photo gallery widget. With some simple copy and paste, you\u2019ll install ppGallery in no time!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10700\" title=\"jquery-3\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-3.jpg\" alt=\"\" width=\"500\" height=\"300\" \/><\/p>\n<p>jQuery Form Designer<\/p>\n<p>This jQuery Plugin allows you to skin standard form elements like select, input and textarea. Just edit the css file to customize your form.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10701\" title=\"jquery-4\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-4.jpg\" alt=\"\" width=\"500\" height=\"223\" \/><\/p>\n<p>jQuery Capty<\/p>\n<p>jQuery Capty is a plugin jQuery Capty is a plugin that creates captions over the images.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10702\" title=\"jquery-5\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-5.jpg\" alt=\"\" width=\"500\" height=\"193\" \/><\/p>\n<p>InfiniScroll \u00a0jQuery Plugin<\/p>\n<p>I wanted to enable infinite scrolling in a few places: on my blog, on some sites I work on with a \u2018leaderboard\u2019, on portfolios \u2014 anything with a long list. Pagination works in many cases but I find it nice front end optimization to render a small number of results immediately, and then render more results as the user needs them. This front end usability pattern seen on Twitter.com, Facebook.com statuses, 37Signals\u2019 Sortfolio (and MarkHolton.com home page now!).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10703\" title=\"jquery-6\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-6.jpg\" alt=\"\" width=\"500\" height=\"300\" \/><\/p>\n<p>SliderNav<\/p>\n<p>SliderNav is a plugin that lets you add dynamic, sliding content using a vertical navigation bar (index). It\u2019s made mainly for alphabetical listings but can be used with anything.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10704\" title=\"jquery-7\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-7.jpg\" alt=\"\" width=\"500\" height=\"284\" \/><\/p>\n<p>WOW Slider<\/p>\n<p>WOW Slider is a jQuery image slider with stunning visual effects and tons of professionally made templates. WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10705\" title=\"jquery-8\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-8.jpg\" alt=\"\" width=\"500\" height=\"218\" \/><\/p>\n<p>jQuery Z-Layers<\/p>\n<p>zLayers is a jQuery plugin that allows you to orientate an element based on the position of your mouse to the page\u2019s window, or element\u2019s parent. \u00a0zLayer is perfect for interactive illustrations and rich user experience through creative methods.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10706\" title=\"jquery-9\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-9.jpg\" alt=\"\" width=\"500\" height=\"300\" \/><\/p>\n<p>Tipped<\/p>\n<p>Tipped allows you to easily create beautiful tooltips using your Javascript framework of choice.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10707\" title=\"jquery-10\" src=\"http:\/\/creativefan.com\/files\/2011\/01\/jquery-10.jpg\" alt=\"\" width=\"500\" height=\"262\" \/><\/p>\n<p>Share this on del.icio.us Bump this on DesignBump Submit this to DesignFloat Digg this! Add this to DZone Share this on Facebook Submit this to FAQpal Post on Google Buzz Share this on Mixx Share this on Reddit Stumble upon something good? Share it on StumbleUpon Share this on Technorati Tweet This! Blend this! Box this on ZaboxGet Shareaholic<br \/>\n<img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?d=yIl2AUoC8zA\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?d=dnMXMwOfBR0\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?i=1h8UPr7zU0s:g9y9Z375vUw:D7DqB2pKExk\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?d=TzevzKxY174\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?i=1h8UPr7zU0s:g9y9Z375vUw:gIN9vFwOqvQ\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?d=l6gmwiTKsz0\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?i=1h8UPr7zU0s:g9y9Z375vUw:KwTdNBX3Jqk\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?d=qj6IDK7rITs\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?d=7Q72WNTAKBA\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?i=1h8UPr7zU0s:g9y9Z375vUw:V_sGLiPBpWU\" border=\"0\" alt=\"\" \/> <img decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~ff\/Creativefan?i=1h8UPr7zU0s:g9y9Z375vUw:F7zBnMyn0Lo\" border=\"0\" alt=\"\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/feeds.feedburner.com\/~r\/Creativefan\/~4\/1h8UPr7zU0s\" alt=\"\" width=\"1\" height=\"1\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery plugins can enhance usability for users of all demographics, and there are plugins that you can use to target usability enhancements for a given area. jQuery tooltip plugins are a great way to provide extra information to the user about a given button, image or feature on your site. \u00a0jQuery sliders can quickly cycle [&#8230;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"categories":[643],"tags":[98],"class_list":["post-218","post","type-post","status-publish","format-standard","hentry","category-norepublicar","tag-diseno-jquery-plugins-photoshop-gadget-psd-css-css3-tools-usability","box-left","clearfix"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/posts\/218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":3,"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/posts\/218\/revisions"}],"predecessor-version":[{"id":22841,"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/posts\/218\/revisions\/22841"}],"wp:attachment":[{"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/media?parent=218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/categories?post=218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.victormiranda.com.mx\/vmwp\/wp-json\/wp\/v2\/tags?post=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}