
Snazzy Hover Effects Using CSS3
In this example,we will be going over creating flexible advanced hover techniques using CSS2.1 properties. Advanced hover states are quite simple When I first started learning CSS, the :hover pseudo-element…

Cursor following translucent float menu jQuery CSS3
A website navigation menu that follows the cursor, created with the jQuery framework and CSS that’s easy to implement and configure. The idea behind the script was to create a floating navigation…

Super Cool jQuery and CSS3 Nifty Dynamic Shadow
Step 1: Creating the transparent PNG’s First we need to prepare all PNG files we’re going to use. We’ll need following image elements: The on/off switch (needs two states) The light…

Sudo Slider jQuery Plugin
How to use Sudo Slider If you are 100% lost, copy the basic.html document and make sure that the links to the JavaScript and the css works, because i here assume that you already have a working setup…

pure CSS Stationary Logo on Page Scroll
The Econsultancy marketing blog has an interesting little effect using CSS that causes their logo to change when the page is scrolled. Visit their page and scroll down. You’ll notice the logo changes…

Simple Contained float Sticky Scroll jQuery Plugin
This is achieved using a custom coded jQuery plugin that I created for this exact purpose. I’ve dubbed it the Contained Sticky Scroll plugin, and released it as a freebie. Anyhow, I thought it might…

Chrome, Safari Fancy menu with CSS3 and jQuery
Fancy menu was made popular by devthought, it is develop on top of the Mootools library. And later a jQuery version of this menu called lavalamp was made popular by Ganesh. This time I will show you how…

Nice Pure CSS3 Slick Menu
In this article we are trying to mimic the navigation menu in Dragon Interactive website using only CSS (no images, no JavaScript). Note: This is an experimental example using the new features of…

Display social icons in a beautiful way using CSS3
When you hover a icon, a small tooltip is displayed with the name of the social media. All other icons have a low opacity. I wanted to take this concept and bring it to the next level using CSS3 transitions.…

Very Beautiful Parallax Slider with jQuery
We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective.…

3D Awesome Buttons with CSS3 & jQuery
It's not support IE.There is no doubt that websites are edging more and more into the web app, or interactive arena, rather than the static websites that most of us began with. As links and buttons are…

Nice pure CSS3 Typography
we’ll look at how to take basic markup and transform it into an attractive and beautiful typographical design through pure CSS3. There are no images or other external resources, just pure CSS magic.…

Pretty Digg-style post sharing tool with jQuery
I will show you how to create a social bookmarking tool that look similar to digg's. It looks cool, practical and useful! I also include the komodomedia's social bookmarking icons and a long list of submission…

Nice CSS3 buttons
It’s worth noting that if your using Internet explorer you’re not going to see all these effects as IE still doesn’t support CSS3. Compatible CSS3 browsers are, Safari, Chrome and FireFox…

Simple AJAX Driven tabs with jQuery
This example will show you how to create an AJAX Driven Website that overcame the browser Back button and bookmark problem in AJAX. I have made two versions, simplified version for further modification…
Tags
accordion accordion menu animation navigation animation navigation menu carousel checkbox inputs css3 css3 menu css3 navigation date picker dialog drag drop drop down menu drop down navigation menu elastic navigation form form validation gallery glide navigation horizontal navigation menu hover effect image gallery image hover image lightbox image scroller image slideshow multi-level navigation menus rating select dependent select list slide image slider menu stylish form table tabs text effect text scroller tooltips tree menu vertical navigation menu