Facebook Twitter

Slide Elements in Different Directions. Although jQuery has a nice set of slide methods — .slideDown(), .slideUp(), and .slideToggle() — sometimes we may want to slide an element in a different direction.

Slide Elements in Different Directions

Fortunately, it's pretty easy to do. Reverse the Slide Direction With the built-in slide methods, elements are shown by sliding them down and into view. But what if we want to slide something from the bottom up and into view? How to Load In and Animate Content with jQuery. In this tutorial we will be taking your average everyday website and enhancing it with jQuery.

How to Load In and Animate Content with jQuery

We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome animation effects. So first of all, I have put together a very simple layout for this example. 13 Excellent jQuery Animation Techniques.

Only a few years ago, if something was animated on a website it was automatically assumed to be Flash.

13 Excellent jQuery Animation Techniques

However, this is not the case today. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth animations. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. Amplify - A Component Library for jQuery. The AmplifyJS core library provides two methods (amplify.publish and amplify.subscribe).

Amplify - A Component Library for jQuery

AmplifyJS provides methods to facilitate the Publish and Subscribe messaging pattern in your front-end application. The idea is that someone is broadcasting one or more messages (publishing) and someone else is listening to one or more messages (subscribing). jQuery Form Framework - jFormer. jQuery Performance Tips And Tricks 2011 - Addy Osmani.

Overlay-like Effect with jQuery. Today we will create a slick overlay effect with jQuery that does not use an overlay.

Overlay-like Effect with jQuery

The idea is to change the opacity or the color of certain elements in order to make it look like as if we are covering the content with an overlay. This allows to focus certain elements […] View demoDownload source Today we will create a slick overlay effect with jQuery that does not use an overlay.


A Plugin Development Pattern. I've been developing jQuery plugins for quite a while now, and I've become rather comfortable with a particular style of plugin development for my scripts.

A Plugin Development Pattern

This article is meant to share the pattern that I've found especially useful for plugin authoring. It assumes you already have an understanding of plugin development for jQuery; if you're a novice plugin author, please review the jQuery Authoring Guidelines first. There are a few requirements that I feel this pattern handles nicely: Claim only a single name in the jQuery namespace Accept an options argument to control plugin behavior Provide public access to default plugin settings Provide public access to secondary functions (as applicable) Keep private functions private Support the Metadata Plugin I'll cover these requirements one by one, and as we work through them we'll build a simple plugin which highlights text.

jQuery: The Write Less, Do More, JavaScript Library.