JavaScript
Article

12 Mega jQuery Plugins

By Sam Deering

It’s time for Mega jQuery Plugins! These plugins are combination of HTML5, CSS3 and PHP goodness. Hold tight! This might blast you off your seat.

1. Latest Post Blogroll Slider

This is a combination of jQuery and PHP for latest post blogroll slider.
jQuery-Plugins-Latest-Post-Blogroll.jpg
Source:
http://tympanus.net/codrops/2010/06/17/latest-post-blogroll-slider/


2. Dissecting jQuery Filters

Dissect jQuery filters by taking a single chunk of the jQuery source at a time, break it down, and know what’s happing on the process.
jQuery-Plugins-jQuery-Dissecting-jQuery-Filters.jpg
Source:
http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-dissecting-jquery-filters/


3. Music Portfolio with HTML5 and jQuery

Create an artist portfolio with a discography line up and HTML5 auto player jPlayer.
jQuery-Plugins-Music-Portfolio.jpg
Source:
http://tympanus.net/codrops/2010/07/26/music-portfolio-template/


4. WanderWall

Be amazed with this Hover-Based Interface with the help of CSS3 and HTML5.
jQuery-Plugins-WanderWall.jpg
Source:
http://addyosmani.com/blog/wanderwall/


5. Animated 404 Page

Redesign the old looking 404 page with this one.
jQuery-Plugins-Animated-404.jpg
Source:
http://tutorialzine.com/2010/08/animated-404-not-found-page-css-jquery/


6. Interactive PhotoDesk

Create an interactive photo desk that provides some realistic interaction for the user.
jQuery-Plugins-Music-Portfolio.jpg
Source:
http://tympanus.net/codrops/2010/07/01/interactive-photo-desk/


7. Thumbnail Navigation

Create an extraordinary gallery with scrollable thumbnails that slides out from a navigation.
jQuery-Plugins-Thumbnail-Navigation.jpg
Source:
http://tympanus.net/codrops/2010/07/29/thumbnails-navigation-gallery/


8. Beautiful Photo Stack Gallery

This is a nice and fresh image gallery that shows albums as a slider and when it’s chosen it’ll show the images of that album.
jQuery-Plugins-Photo-Stack-Gallery.jpg
Source:
http://tympanus.net/codrops/2010/06/27/beautiful-photo-stack-gallery-with-jquery-and-css3/


9. Sliding Panel Photo Wall Gallery

This is a full page photo wall gallery that is a whole page full of thumbs with a nice effects of light when hovered.
jQuery-Plugins-Sliding-Photo-Panel.jpg
Source:
http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/


10. Content Panel Pull Out

Create a content panel that slides out at a predefined scroll position.
jQuery-Plugins-Content-Panel-Pull-Out.jpg
Source:
http://tympanus.net/codrops/2010/11/01/pull-out-content-panel/


11. Fancy Pagination Plugin

jPaginate is a jQuery pagination plugin that animates page numbers. Users can slide through available page numbers by simply clicking or hovering over the arrows.
jQuery-Plugins-jPaginate.jpg
Source:
http://tympanus.net/codrops/2009/11/17/jpaginate-a-fancy-jquery-pagination-plugin/


12. Annotaion Overlay Effect

This is a simple overlay effect that displays annotation in portfolio items of a web designer just for example.
jQuery-Plugins-Annotation-Overlay-Effect.jpg
Source:
http://tympanus.net/codrops/2010/10/12/annotation-overlay-effect/

No Reader comments

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.