Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

    Featured Content Slider Using jQuery UI

    Featured Content Slider Using jQuery UI

    Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content.

    Music Player In jQuery

    Music Player In JQuery

    In this tutorial you create an amazing music player coded in xHTML and jQuery that made use of mouse gestures and hotkeys. You can click and drag with mouse to interact with interface’s music player or use directional keys and spacebar instead of mouse.

    Google Powered Site Search with jQuery

    Google Powered Site Search with jQuery

    In this tutorial we are using Google’s AJAX Search API, to create a custom search engine, with which you can search for web results, images, video and news items on your site.

    Coin Slider jQuery Image Slider with Unique Effects

    COIN SLIDER jQuery Image Slider with Unique Effects

    COIN SLIDER jQuery Image Slider with Unique Effects

    • Unique transition effects
    • Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
    • Valid markup
    • Flexible configuration
    • Auto slide
    • Navigation box
    • Linking images…

    Create a Digg-style post sharing tool with jQuery

    Create a Digg-style post sharing tool with jQuery

    I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, we are going to make a digg-style post sharing toolbox. It’s all pretty straight forward and need a little bit of planning. The way it works is different with digg’s. If you view the html source code of Digg’s, it has the sharebox html code in every single post. But, in this tutorial we have only one sharebox, and all the links are sharing the same template.

    Making a Flickr-powered Slideshow in jQuery

    Making a Flickr-powered Slideshow in jQuery

    Today we will be developing a jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets. The plugin will be using Flickr’s APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events.

    Rocking and Rolling Rounded Menu with jQuery

    Rocking and Rolling Rounded Menu with jQuery

    In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, like links or a search box.

    Build a jQuery content feature like MailChimp

    Build a jQuery content feature like MailChimp

    In this tutorial Ashley Ford on Papermashup will teach how to build an attractive full page content feature slider plugin (similar to the MailChimp slider) – by using the jQuery Cycle plugin which allows you to rotate, paginate or cycle a set of images.

    Day and Night: Creating a Scenery Animation with jQuery and CSS

    Day and Night: Creating a Scenery Animation with jQuery and CSS

    In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolute positioned elements with images.

    See the demo link below and check out the result. The animation takes around 30 seconds, so sit back and enjoy it!

    Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

    Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

    I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare you some space on your website. The items will be semi-transparent which means that content under them will not be completely hidden.