Sliding Ajax Shelf: The Code [Revived]

After I wrote my basic primer to Ajax (see Ajax Primer), I found that a lot of people were searching on Google for a simple guide that shows exactly how the sliding shelf effect is achieved. So, without further ado, I will provide the code and method used to create a shelf with whatever content you’d like.

How is this different than other methods out there?

The shelf effect I use on my site is achieved using the moo.fx javascript library. Although I’m certainly not the first to use it for a WordPress shelf (see the Asymptomatic tutorial), my scripting is not exactly the same as the ones I’ve seen so far. This may prove useful to a handful of people who might have had difficulty with other methods.

Continue Reading…

Ajax Primer [Revived]

If you haven’t tried the ‘Client Login’ link in my header, give it a shot now. If your browser is up to date, you should see the whole page slide down to reveal a friendly login box.

This effect was achieved - you guessed it - with the power of Ajax. Before this site, I had seen many dynamic Web 2.0 sites that took advantage of Ajax but I didn’t really understand how it worked or the benefits it poised.

Continue Reading…