jQuery is ideal because it can create impressive animations and interactions while being simple to understand and easy to use. WordPress awesomeness lies in its fact that it can be customized to power any type of site you like! But what happens when you combine the power of jQuery with WordPress, the possibilities are infinite.
jQuery Based WordPress Plugins and Tutorials
This article will share some best practices, examples & Plugins for using the most popular Javascript framework to create unobtrusive, accessible DOM scripting effects for your WordPress site.
Including jQuery in WordPress (The Right Way)
In this tutorial you will learn how to load up jQuery in your theme the smart (and intended) way, avoiding conflicts.
Infinite Scroll
Infinite scroll has been called autopagerize, unpaginate, endless pages. But essentially it is pre-fetching content from a subsequent page and adding it directly to the user’s current page.
jQuery Comment Preview WordPress Plugin
jQuery Comment Preview WordPress Plugin allows the live comment preview without page reboot. It works on jQuery.
Create a jQuery Carousel with WordPress Posts
This post will give you a quick run down of how to easily add a simple and easily customizable carousel with WordPress posts from a specified category.
Display a Random Post (with AJAX Refresh)
In this tutorial you will learn how to display a random post with Ajax refresh, and you will be surprised at how easy this is to do.
WordPress jQuery Lightbox Plugin (English)
Just download the plugin, unzip the files to the wp-content\plugins folder and activate the plugin in WordPress options.
Using jQuery to liven up your WordPress login
One of its popular plugins is the ‘thickbox‘ and its what we’re going to use now to create a simple means of logging in for you/your clients.
WP-Slimbox2
This is the home of the WP-Slimbox2 plugin which implements the excellent Javascript Slimbox2 written by Christophe Beyls utilizing the jQuery framework.
Design An Elegant Featured Content Slider for WordPress
In this tutorial, we’ll create an elegant featured content slider for WordPress like the one featured on http://www.fuseboxtheatre.com.
WordPress Post Information Plugin
This plugin aims to consolidate your post information into a collapsible panel (using jQuery) that can save space on your page.
Create a featured posts slider in WordPress using jQuery
jFlow is an awesome tool to use for this purpose because it’s super lightweight, and the code is retardedly simple.
Carousel Gallery (jQuery) for WordPress
This plugin builds on the builtin WordPress gallery, and replaces any gallery inserted using the
Create an Attractive jQuery Menu with Fadein and Fadeout Effect
We will be learning how to create an attractive menu with more advanced CSS and simple jQuery script. It uses jQuery builtin fadein and fadeout effect.
JPost Slider wordpress plugin
This jQuery Script, to develop WordPress plugin which can be customized in admin area.
How To Create Tabs Using jQuery
Tabbed sidebar elements are in. Why bother making users scroll down the page, when they can simply click a tab to quickly access various parts of your site? Another popular thing is jQuery, “The Write Less, Do More, JavaScript Library.”
Shadowbox JS
Shadowbox is an online media viewing application that supports all of the web’s most popular media publishing formats
A Nice & Clean jQuery Sliding Panel in WordPress
We will see how to implement it in WordPress 2.7+. Please note I am not going to cover any previous version of WordPress in this tutorial.
WP-Imagefit
Rather than relying on a CSS or HTML-driven approach to resize large or wide images, WP-Imagefit relies on Javascript to proportionately resize images based on the width of the containing column.
SimpleModal Contact Form (SMCF)
SimpleModal Contact Form (SMCF) is an Ajax powered modal contact form.
jQuery Lightbox For Native Galleries
Makes the native WordPress galleries use a lightbox script called ColorBox to display the fullsize images right there in the page. No modifications required.
Build a Basic Newspaper style layout with WordPress and jQuery
Grid/Newspaper/Magazine templates are becoming more and more predominant in the wordpress skin and theme community. They look classy, but it can be daunting knowing where to start. In this tutorial we use the power of jQuery to create a grid layout with size-degrading headers!
µAudio
The new µAudio plugin is the evolution of Dynamic Audio. Slimmed down (only 495 Byte basic installation), with new configuration screens and a smaller, leaner player, µAudio is a Zero Config, drop in and forget audio player. See µAudio Installation for more.
WP Wall
WP Wall is a “Wall” widget that appears in your blog’s side bar. Readers can add a quick comment about the blog as a whole, and the comment will appear in the sidebar immediately, without reloading the page.
jQuery-Pagebar
jQuery-Pagebar show instead of the next and prev links a jQuery slider as a modern pagebar. So it’s easy to navigate through many pages.
Build the ANidea Theme Switcher using jQuery
This post will take you step by step through how we did it. In the first part of this tutorial, we’ll cover the client side of Theme Switcher, which consists of the HTML, CSS and JavaScript. In a later post, we’ll cover how to integrate the switcher into WordPress and manage the themes.
WP Events Calendar
Events-Calendar is a diverse replacement for the original calendar included with WordPress adding many useful functions to keep track of your events.
OpenID
OpenID is an open standard that allows users to authenticate to websites without having to create a new password. This plugin allows users to login to their local WordPress account using an OpenID, as well as enabling commenters to leave authenticated comments with OpenID.
Google AJAX Translation
The Google AJAX Translation WordPress plugin provides a quick, simple, and light way to add translation to your blog.
Use jQuery to Jazz Up Your List of Latest Posts
A lot of blogs display a list of their most recent or popular posts in their sidebar, more often than not just showing the title of each one. But how can you give your reader an idea of what that post is about by using the excerpt, without taking up too much room? Using a little jQuery, you can.
Image Drop Shadow
Image Drop Shadow wordpress plugin adds stylish drop shadow to images posted on your blog using jQuery. Just install it and all your posted images will automatically have a drop shadow.
GD Star Rating
GD Star Rating plugin allows you to set up rating and review system for posts, pages and comments in your blog. You can set many options for displaying the rating stars, and also add widgets into the sidebars for displaying top ratings and other statistics generated by the plugin.
Live Blogroll
Live Blogroll will make your blogroll livelier. It will show a number of ‘recent posts’ for each link in your Blogroll using Ajax.
µMint Plugin
µMint is a slim plugin to integrate statistics from Shaun Inman’s Mint statistics package into WordPress.
Adding Form Validation to WordPress Comments using jQuery
In this tutorial I’ll show you how to use jQuery to do some instant checking on an example comment form.
jQuery Reply to Comment
Add “reply” and “quote” features on each comment list. If you have jQuery installed on you blog, this Plugin add two link in each comments list (on single page). This plugin can auto include jQuery from Google Ajax API repository.
Tweet Blender
The plugin can show tweets from just one user (as all other Twitter plugins do); however, it can also show tweets for a topic which you can define via Twitter hashtag or keyword.
News-Ticker
A JQuery based News Ticker Displays a sliding or fading list of post titles, rss reeds or comments and excerpts with links to post.
jQuery Sequential List
This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. The second example will show you how to add a comment counter to a comment list using jQuery’s prepend feature.
WordPress Multi-Level Drop Down menu using jQuery
The aim of this short tutorial is help you build a simple multi-level drop-down menu in your WordPress theme using jQuery’s JavaScript library to ensure cross-browser compatibility.
WordPress & jQuery Contact Form without a Plugin
There are lots of WordPress plugins for contact forms, but wouldn’t it be nice to have more control over the markup? In this tutorial, I am going to show how to use a custom page template to create a contact form in WordPress without a plugin.
Twitter News Ticker for WordPress
This tutorial will teach you how to display up to 20 of your latest Twitter updates in a fading news ticker on your WordPress blog. This is an elegant alternative to using a Twitter Badge and takes up little room on your site.
Create a Twitter-Like “Load More” Widget
This tutorial teaches you to use AJAX, CSS, Javascript, JSON, PHP, and HTML to create that magic. This tutorial will also feature both jQuery and MooTools versions of the script.
Create astonishing iCal-like calendars with jQuery
According to my web designer experience, one of the most common requests from clients when it comes to WordPress personalization, is to add a basic event calendar to their website
How to Create a Better WordPress Options Panel
we’ll go through the entire process of creating an admin options panel for a WordPress theme, using the excellent WooFramework as an example. Then, we’ll take things a step further, as we implement jQuery to improve some of the functionality.
Integrating Fading Button Navigation
The goal of the button was to provide three states: regular, hover, and active (pressed).
5 Tips For Using jQuery with WordPress
The following are 5 clear, concise, and relevant tips that you should know when using jQuery in your WordPress Theme or Plugin.
5 tips for using AJAX in WordPress
AJAX is used in many WordPress themes and plugins. However, not all of those themes and plugins implement AJAX properly. This article reveals 5 best practices in developing AJAX for WordPress.
Pass your 70-235 on first attempt using 70-290 and other resources. We offer 100% success in real exam with up to date 642-457 exam prepared by experts. You can also find braindumps oracle & HP0-P14 dumps on our site.
All in one place.. best jquery plugins compilation
Thanks Wajid
Awesome roundup. Thank you.
Awesome roundup. Thank you
Very useful roundup, thanks for sharing.
Wonderful site and theme, would really like to see a bit more content though!
Great post all around, added your XML feed! Love this theme, too!
Really useful list of jquery plugins and tutorials… Thanks for the share
It’s really a great post dude.. thanks a lot and keep posting more like this
There are a lot of great resources here. I will find these tutorials very useful!
I feel very sturdy approximately it and would like to read more. If it’s OK, as you achieve extra extensive wisdom, would you thoughts adding more articles similar to this one with additional info? It will be extremely useful and useful for me and my friends.
thanks for info
Very cool round-up! Thanks
I also created a plug-in which offers some pretty cool jquery awesomeness, check it out at http://www.OptinBar.com
Thanks Again!