TinyTips 1.1-------Pretty Lightweight Tooltips Plugin
TinyTips is a very lightweight jQuery plugin that gives the ability to add tooltips to pretty much any element on a page. Thoroughly documented and designer friendly. TinyTips is very easy to install…
Animation Slide Drop Captions Plugin with jQuery
drop captions takes an image’s title attribute and converts it into a caption that appears only when the mouse is moved over the image. This allows me to maintain a clean look to the site, while…
Animation Bottom Navigation Bar with CSS3
Don't support ie. this is nice CSS3 bottom navigation menu. and will sliding drop down menu with fixed position in bottom of screen. Also, use jQuery for sliding effects. Step 1. HTML Here are html…
Cool animation with jQuery
Open your Dreamweaver or other editor and create a html file. Html <div class="logo"> <img class="frame" src="frame.png" alt=""> <img class="ani-bg"…
Sexy Lightbox with mootools
Lightbox is a clone Sexy, sexier and lighter, the classic Lightbox. It was built web designers in mind, easy to install and use. This release features two versions: one white and one black. Sexy Lightbox…
Nice CSS3 zoom-in zoom out slideshow
This free copy and paste script adds a stylish CSS3 effect to your slideshow. Simply by setting the style attributes you can apply corners to any or all four image-corners, furthermore you can apply shadows.…
Navigation bar on the right of the page with jQuery
Flexible Nav is a small jQuery library which add a smart navigation bar on the right of the page. It improves a web page navigation and helps to visualize different sections of a document, an article,..…
beautiful Radio, check button with Forms
What's Ideal Forms: Ideal Forms is a small framework to build powerful and beautiful online forms. It's very easy to use and requires minimal html syntax. Absolutely everything is stylable with…
cool Typing Game with jQuery
Continue from my previous post, about detecting character in jquery, now try to some more sophisticated example, this game inspired by an old shark typing game, which is created by pop cap game, but it…
CSS3 and jQuery Blur Menu
In this experiment will show you how to achieve a simple blur effect applied on menu elements. HTML The first step is to lay down the HTML markup. Our structure is very simple. <div class="menu">…
Multiple CSS3 Image Styles
When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can…
Nice Stacking images Gallery with jQuery
Learn how to create a simple and neat stacking Photo Gallery using CSS and jQuery. Click on the View Demo link below to view the stacking image gallery. Images are stacked one behind the other and on…
Pure CSS3 list styles effect
you’ll learn how to add some CSS3 fine tuning to your ordered lists, using a semantic approach. The HTML Below you’ll find nothing than simple ordered list markup <ol class="rounded-list">…
Stylish progress bars effect with CSS3
you’ll learn how to create stylish and animated progress bars using CSS3. The HTML The markup could not be simpler than that: <div class="progress-bar blue stripes"> <span style="width:…
Pure CSS3 animated buttons
We are starting a new column called CSS3 Tricks. We will try to show you some neat tricks that you can use when designing your next website. In our first post we will show you how to create some simple…
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