If you browse internet regularly, you must have seen the trend of compiling end-of-the-year-roundups and many of sites already started posting round-ups of 2010. Well, I have a announcement for our readers that we are starting compiling end-of-the-year roundups from today. All these roundups will be best in the category and includes mostly free stuffs.
For the first end-of-the-year roundup, we have selected best jQuery plugins of year 2010 that enables you to create awesome animations and effects to your website. These jQuery plugins allows you to create stunning websites without having to much worry about accessibility issues.
All these jQuery plugins are listed here in a random way so that there will be some anxiety that what comes next! So, have a look on Guy's compilation of 75 most useful jQuery Plugins of year 2010. And stay tuned for more end-of-the-year roundups on our site.
1) jPhotoGrid : This plugin takes a simple list of images and captions and turns it into a grid of photos that can be explored and zoomed.
9) jMultiselect2side : Multiselect (html select with parameter multiple=”multiple”) normally are very difficult to use. In this plugin, the select is double (double side select), the right one with the selected element, the left side for insert other element.
13) 3D Cloud Carousel : This is a fast and cross-browser implementation of a 3d carousel – looks very nice, more like a Flash implementation. It can create dynamic reflections underneath the carousel items, is accessible and degrades nicely without JavaScript. Easy to use as an unobtrusive plugin with lots of options.
14) bMap : This plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons. The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object.
15) jQuery Path Selector : Path selector is a breadcrumb bar jquery plugin for selection of hierarchic options (similar to address bar of Vista’s Windows Explorer).
16) jqChromelessYoutube : This plugin embeds the Chromeless Youtube player on an element and plays videos from a Youtube playlist continuously. You can adjust the player’s size, the playlist ID, show/hide title,controls and playlist by passing parameters to the plugin.
17) Navit : Nav it is a great plugin which converts html lists into navigation. It has many options which include horizontal navigation, vertical navigation, accordion style systems, drop down menu systems and more.
18) Lens Flare : Far from being limited to Photoshop filters, video games and film CGI effects, a basic implementation of lens flares can work quite well in JavaScript too. This jQuery plugin allows you to add a lens flare effect to images.
19) jDoubleSelect : jDoubleSelect is a jQuery plugin to transform one select with optgroups into two selects, the first one with all groups and the second updated with the options of the group selected.
20) zWeatherFeed – Yahoo! Weather Plugin : This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.
21) Table Highlighter : Simple plugin to highlight rows & columns to make the table easier to read.
22) jQuery Grid Animated Plugin : The Animated Grid Plugin is a simple bi-dimensional Grid. It was created to be the more flexible as possible to fit into your Html Structure easily without adding extra class. It allow you to manage easily the degradation if javascript is disable with two differents fields in the Css file.
23) Open Standard Media Player : The Open Standard Media Player is an all-in-one media player for the web. This media player is an industry changing, open source (GPL) media player that is built to dynamically deliver any type of web media, including HTML5, YouTube, Vimeo, and Flash.
24) zRSSFEED – RSS Feeds Reader Plugin : This plugin will read RSS feeds from any website url using the Google Feeds API. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.
25) zFlickrFeed – Flickr Feed Reader : This plugin will read Flickr photo feeds for a user and/or a list of tags. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.
26) jQuery Infinite Scroller : jQuery Infinite Scroller lazy-loads more and more articles from a location of your choice in order to allow infinite scrolling of a content list. For example, you may choose to display 10 articles when the page loads, but add a further 10 articles once the user has scrolled towards the bottom of the current list – and so on!
27) FS.Magnify : jQuery fsMagnify plugin is a simple plugin that magnifies the images over a certain ratio by clicking on them.
28) 3D Feature Image Carousel : This plugin rotates images in a three dimensional (simulated) carousel. Optionally, all images can have a description element attached to them that pops up on an overlay whenever that image rotates to the center.
29) JDesktop : Framework for making desktop-like environment in a web browser with very cool effects and animations.You can resize, minimize, maximize and drag windows and change windows themes.
30) Sliding Image Gallery : The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides.
31) Pajinate – A jQuery Pagination Plugin : A jQuery plugin that reworks a list of DOM elements such that they are presented in a easy to navigate, paged manner.
32) Tiny Carousel : Tiny Carousel is a lightweight Jquery based carousel for sliding html based content. You can slide vertical or horizontal and it supports navigation by button or paging.
33) bgFade : This plugin allows you to duplicate the CSS:hover effect, along with some professional jQuery frosting on top. It’s as easy as :hover, but lets you do a whole lot more.
34) mb.MediaEmbedder : A jquery plugin helps you to show a movie from youtube, vimeo, flickr, livestream, ustream. Or to embed your audiopodcast (mp3 file) on your web page.
35) Narrative Select Plugin : A JQuery plugin to homogenize the select box (drop-down) appearance & interaction across modern browsers and OS.
36) jQuery Simple WYSIWYG Editor : Simple editor that comes with easy to customize look (including toolbar).
37) Autogrow Textarea : The Autogrow Textarea plugin is pretty straightforward. It allows textareas to grow as more and more text is typed in it.
38) TagCanvas : TagCanvas is a Javascript class which will draw and animate a HTML5
<canvas> based tag cloud.
39) Loupe and Lightbox : loupeAndLightbox is an image magnifier based off the use of two photography viewing tools: a loupe (or magnifying glass) and a lightbox. loupeAndLightbox uses a smaller image with a link referring to a larger version of the image for magnification effects. No other HTML is required! The .load() function is used for loading images, with error and success methods in place.
40) jQuery File Commander : If you are looking for comfortable files manager on your web serwer similar to Total Commander then you just found it. jQuery File Commander generate two panels with files and allows to make basic operations on them like copy, move, rename which are run on server files.
41) HoverAttribute : HoverAttribute is a jQuery plugin that allows you to make (link-)elements more dynamic by making an attribute of that element show up on hovering. This is foremost intended for
<a> tags residing within full-width elements, such as headings or list entries.
42) BlogSlideShow : BlogSlideShow is a JQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.
43) Magic Scroller : A Practical & Easy to Implement Plugin, this vertical scroll show elements with an elegant style using slice effect, creating a diferent perspective.
45) The Footer Plugin : This plugin ensures that the footer of your page always keeps itself at the bottom of the page. If the body height is less than the page height, the footer goes to the bottom of the page. Otherwise it remains attached at end of the content.
46) Dual Slider : A great option to have as a splash feature at the top of your site, highlights recent articles you want to advertise, that might have a nice graphic or even a video…basically anything you want. Plugin takes whatever your database has spat out and pulls it into an attractive dual animated slider. You are only limited by your own creativity in terms of styling or tweaking the animations to suit your needs.
47) jQuery DivGrow Plugin : The plugin will crop the container div to the initial height value and add a link to the bottom to expand it. When clicked the container wil expand to the height set in the div rel attribute (e.g. rel=”300″) and provide a click link to collapse it. The expand and collapse action are animated.
48) Popeye – an inline lightbox alternative : jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.
49) jQuery. Scratchie : jQuery Scratchie Scratchie is a fully-customizable scratchcard plugin. Define a background image and an overlay image or color and clicking and click and drag or just drag the mouse over the overlay to reveal the target image underneath.
50) Scroll Something : This is a plugin which helps you to scroll the images. To add a backround image to an item, you only have to put an image in the item. Just give the image a class called “itemBackground”.
51) Get user Facebook Albums and Pictures : getFacebookAlbums is a plugin that allows the user to connect on Facebook and choose a picture among his/her own albums. It’s an alternative to the simple upload form the hard drive disk.
52) JQF1 – jQuery FormOne Form Styling Plugin : jQuery FormOne is the most completer form styling plugin. Compatible with all browsers that allows you to change all attribute with a small coding.
53) AeroWindow : AeroWindow generates very cool Boxes in the Aero Style, inspired by the style of Window7.The popup window offers the usual options and full functionality similar to Windows windows.
54) jQuerynotice : This plugin allows you to show some notifications at the top of your website with just a simple line.
55) jQuery Easy Confirm Dialog : This is a jQuery based confirm plugin module that will act as the build in confirm-function in javascript but with the ability to style the dialog window. Only using built in jQuery and jQuery UI functions.
56) Sooperfish : SooperFish is an easy to use dropdown-menu plugin with total configuration control and clean code.
57) gSearch : gSearch is a lightweight jQuery plugin that helps you embed Google Search Results into your website. With only 2 KB in size it is very flexible and highly customizable.
58) Shadow Animation : With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.
59) Twitterize : A simple jQuery plugin that allows you to create a floating div with the latest ‘n’ updates from someone. Optionally you can create a link to go to that user’s twitter profile.
60) GlobalMoneyInput : GlobalMoneyInput is a jQuery plugin to provide an easy way to input money values. All you need is to include. you can apply a mask to input localized money data based on Microsoft’s jQuery Global plugin.
61) jQuery News Ticker : An easy to use, slick and flexible news ticker in the style of the BBC News page ticker.
62) Canimate : If you’ve ever wanted to create an animation using a series of images for your website, but were forced to an alternative because you didn’t want to deal with the constraints of the GIF filetype, like color limit and difficult-to-deal-with FPS controls, then Canimate is the solution.
With Canimate, you can take any series of images and, using the Canimate naming convention, have them animate at any speed. You can treat the element that holds the image just like any other, including giving it borders, dragging it, etc.
63) jGallery : jGallery is a jquery plugin to on a elegant way expose all your images and galleries.
64) imagineMenu Plugin : imagineMenu is a jQuery plugin that lets you imagine all your *image menu* problems far away.
65) jQuery Touchwipe : The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery. It can also work for Android Touchscreens.
66) ezMark – Stylize checkbox and Radiobutton : ezMark is a jQuery Plugin that can stylize checkbox and radiobutton easily. ezMark uses an image replacement for checkbox and radiobutton. Unlike most other script which requires a lot of code, ezMark is very small (minified version is ~1.5kb) and it gracefully degrades.
67) Image Blur : This is little plugin for soft image blur effect on page load (and ‘clear’ on hover/rollover).
68) jQuery Mega Select List : The jQuery Mega Select List plugin converts a long drop down list into a more friendly navigational panel so items can easily be found and selected. This was designed to work with a hierarchy of items, i.e. with options organised into groups. If you have more options in your select list than you can shake a mouse at, use this jQuery plugin to help your website visitors to find what they need.
69) jQTwitter : jQTwitter allows you to display any user’s tweets in a list. You have the ability to set the number of tweets to display as well as the ability to display user’s images and set their size. The list is easy to style with some very basic CSS, as all the elements have their own class. Each twitter specific links are converted (ie. @ and #). Easy to use and to implement in your site.
70) jReelGallery : A jReelGallery is a small image gallery script based on the default OS window scrolling extended with easing. Supports scrolling, key events (e.g.: down and up arrow keys, home and end button). This plugin is highly customizable.
71) Illuminate with info balloon : When using the plugin you can highlight any kind of element on the webpage. You could use it for demo purpose. When you highlight an element, there is also an option to show a text balloon. It will appear next to the element. This text balloon can contain text and HTML!
72) List Ticker : Plugin to rotate list items inside an unordered list, plugin will automaticlly hide all but the first list items and then rotate them.
73) ShareIt : You can share any content on facebook or iwiw (or any other site you want) with this simple jQuery plugin.
74) Mobile drag and drop : This project aims to devise a drag and drop style interface with mobile device support.To be precise, most mobile devices “hijack” the action of dragging on the web browser in order to provide scrolling functionality, leaving your drag and drop items sat statically on the page. The idea behind this project is to create an example of drag and drop that works on normal desktop browsers, but also supports mobile devices.
75) Identicon5 : Draws identicons using HTML5 Canvas instead of the Gravatar image link. If Canvas is not supported the plugin defaults to the standard gravatar image link.
To subscribe to the "Guy WhoSteals" feed, click here.
You can add yourself to the GuyWhoSteals fanpage on Facebook or follow GuyWhoSteals on Twitter.
Any feedback can go straight into Guy's mailbox:
- guywhosteals AT gmail DOT com
- guywhosteals AT yahoo DOT com
0 comments:
Post a Comment