How To Create a Cool Animated Menu with jQuery

How To Create a Cool Animated Menu with jQuery

In this tutorial we’ll be building a cool navigation list complete with a sliding hover effect. Learn how to build the concept in Photoshop, lay out the basic HTML elements, style everything up in CSS then tie it all together with a few lines of jQuery to create a semantic, accessible and degradable menu design.

Display Your Favourite Music with jQuery & Last.fm

Display Your Favourite Music with jQuery & Last.fm

Use the power of jQuery and the handy last.fm records plugin to create a showcase of your favourite music on your website. We’ll install the plugins to fetch the information from the Last.fm website, then style up the design with a cool retro vinyl record theme.

jQuery Expand Stacked Images Using Slider with Demo

JQuery Expand Stacked Images Using Slider

This time the post will show how to expand the stacked images with jquery, for the illustration, there is a stack of images that have very small margin between each image, and the slider have a function to make the margin larger, really easy to imagine right? Now to make it look stacked I’m using jquery plugin, the rotate3Di and of course the jQuery UI slider.

Contained Sticky Scroll jQuery Plugin with Demo

Contained Sticky Scroll jQuery Plugin

The Contained Sticky Scroll plugin is designed to allow an element to stick to the top of the screen as page scrolls down, but without moving outside of the parent container.

Facebook Style Loading Bar Using CSS and jQuery

Facebook Style Loading Bar Using CSS and JQuery

Have you even paying attention on facebook ajax loading bar, think it’s simple but really cool, if you using high speed internet connection sure this image won’t show, but I always see it when I share a link on my personal facebook status. If you want to get the the image you can use this ajaxload image generator server, pick the facebook style on the combo box.

Simple jQuery Flickr Style Tooltip Menu with Demo

Simple JQuery Flickr Style Tooltip Menu

In today post I try to create the flickr style tooltip drop down menu, I mean the drop down menu when you see in the detail image page, the challenge creating this feature is the CSS, that contains gradient and manipulating box so that can look like a triangle in the tooltip menu after the main menu clicked.

Neat Photo Hover Effect with CSS Sprites and jQuery

Neat Photo Hover Effect with CSS Sprites and jQuery

Here is a very nice effect for photos or some black and white images. We are using some CSS sprites for the photos to create a darken effect when hovering over the images. This could also be used with other effects. The basic principle is to create the impression that the background gets darker when hovering.

Flickr Like Title Edit with jQuery and Ajax

Flickr Like Title Edit with Jquery and Ajax

I have post this flickr like image title edit using jquery, ajax and PHP. I had presented a tutorial in easy way to interacting DOM object with jquery.

Delete Records with Color Change Effect using jQuery and Ajax

Delete Records with Color Change Effect using jQuery and Ajax

This post is an update of my previous post Delete Records animation effect with jquery. I had added new feature records delete with color change animation effect using jquery beforeSend method and color plugin. It is very useful to display loading status messages or effects before getting the ajax success request.

Pagination with jQuery, PHP , Ajax and MySQL

Pagination with Jquery, PHP , Ajax and MySQL

Long days back I had posted an article Pagination with jQuery, MySQL and PHP with out refreshing page.I modified old script and added extra features like First, Previous, Next and Last buttons. Use it and enrich your web applications.