jQuery Topics

10 Randomly Good jQuery Plugins

jQuery has been continuously giving its share in developing sites. Check out this list of random jQuery plugins that we’ve collected from awesome jQuery developer Addy Osmani. Very nice plugins and I’m sure you haven’t seen most of these. Have fun!

1. Building Single Page Applications With jQuery’s Best Friends


In this tutorial you will learn how to build a single-page application (SPA) supporting graceful degradation using some of jQuery’s Best friends; DocumentCloud’s Backbone.js, Underscore.js, LAB.js and jQuery templating to name but a few.
Building-Single-Page-Applications.jpg
Source

2. CSS3 Transition Animations With jQuery Fallbacks


Learn how you can use CSS3 transitions to power your application’s animations with jQuery’s .animate() method as a fallback where transitions aren’t supported.
CSS3-Transition-Animations.jpg
Source

3. WanderWall – A jQuery, CSS3 & HTML5 Hover-Based Interface


Learn how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face.
WanderWall.jpg
Source

4. RocketBar – A jQuery And CSS3 Persistent Navigation Menu


RocketBar is a simple solution for this which shows you how you can easily provide your users a persistent form of site navigation without them needing to scroll back up.
RocketBar.jpg
Source

5. Catch404 – A jQuery And CSS3 Modal Plugin for Handling Broken Links Elegantly


Through the magic of jQuery we’re going to catch 404 errors without your users even having to leave the page and then suggest some other options they’ve got using an inline jQuery Modal window.
Catch404.jpg
Source

6. ShineTime – A Kick-Ass New jQuery & CSS3 Gallery with Animated Shine Effects


This effect is useful in making your user interface elements look like they’re a real Polaroid photo (or made of glass) and the best part is, it’s not that difficult to achieve.
ShineTime.jpg
Source

7. Zoom-Info – How to Create An Informative Image Gallery With jQuery & CSS


Learn how to create a useful information-rich jQuery Image Gallery that solves that problem. The best part of it is that it’s so simple to write up that all you’ll need are jQuery’s excellent .hover() and .animate() functions to get it up and running.
Zoom-Info.jpg
Source

8. jQuery Fubar – How To Create A Website Toolbar From Scratch And Add Widgets To It


Learn how to create your very own jQuery-powered website toolbar and then we’re going to pack it full of lots of useful widget features such as those found in the Wibiya-toolbar.
jQuery-Fubar.jpg
Source

9. Fluid Navigation – How to create an informative menu-bar with jQuery & CSS


Some of the navigation options out there right now don’t provide you with enough information about the sections of a site you can visit, so today we’re going to learn how to create a menu that solves this problem.
Fluid-Navigation.jpg
Source

10. How to create impressive animations using Webkit CSS and JavaScript


Learn how to create a few simple yet impressive animation effects using WebKit CSS and some JavaScript.
impressive-animations.jpg
Source

Article Source

Read the full/original article at jQuery4u

    Related Posts

    Comments are closed.

    jQuery Resources

    Learn more about jQuery

    jQuery News & Links

    I only just found out that the jQuery validation plugins has a validation rule called “remote” which can be used ...

    jQuery function to check if horizontal scroll is present – hasHScrollBar() – (or vertical check below also, util function to ...

    jQuery function to Set any DOM Element to Top View (bring to front) using CSS Z-Index property.

    Is it possible to declare arrays in JavaScript object literal notation? Example 1 – this works with arrays Declaration: Storage ...

    To get the a variables type using jQuery there is a jQuery function called .type() which returns “array”, “string”, “number”, ...

    In this post you can find tutorials which explain step by step different API use cases with jQuery like Google ...

    For valuable work on creation of sites you need a good comfortable editor necessarily. There are many requiring paid products ...

    Today we are sharing with you a collection of awesome jQuery Camera Photo plugins. They offer a range of image ...

    Back in the day, if you saw something that was animated on a website it was automatically assumed to be ...

    In this post, we have compiled a list of 10 jQuery HTML5 Audio players available today, most allow native audio ...

    jQuery Mobile is a powerful framework for making mobile web applications. But can we use it to convert existing desktop ...

    I have jotted a quick post on a Basic JavaScript Regular Expression Example to give beginners out there a taste ...

    In April 2012′s edition of Interestingly Random JavaScript, jQuery and Web Development we bring you some very cool stuff such ...

    In this post we are sharing you a roundup of 10 really jQuery plugins as of today. Pretty cool plugins ...

    As always expected from the jQuery community, the compilation we have for you today are some good and impressive recently ...

    A collection of jQuery PNG/JPEG/GIF plugins that enables image animation, cartoon-like background, etc… let them help you design displays for ...

    A collection of JavaScript/jQuery Zip/File/Compressor plugins that allows you to minify your JS code and compress your JS files ready ...

    Quick jQuery code snippet on how to keep an element in view. For demo scroll down on any page on ...

    Here is what I think is the best and most reliable way to load jQuery library and jQuery UI Libraries. ...

    jQuery code snippet which outputs all attributes of element using the default .attr() function on any dom element(s). usage: output:

    More Links & News

    Community Resources

    Use jQuery and the Google Maps API to create your own map application.

    Super cool and easy way to get stylish tooltips with jQuery.

    The right way to include the jQuery library in WordPress.

    Share a resource