Some day agos, jsB@nk presented to you a cool list of awesome, unique web experiments based on CSS3 via Beautiful and Stunning CSS3 Animation Experiments, and today in this JavaScript article, jsB@nk keep showing you a list of other 50+ web applications, JavaScript experiments that built on CSS3 technology; especially, we have full completed tutorials to create these stunning CSS3 experiments by yourself. Some names you will be excited: Sexy Vertical Sliding Panel, Awesome Overlays with CSS3, 3D Ribbons, Beautiful Looking Custom Dialog Box, Halftone Navigation Menu, Coverflow With CSS Transforms, 3D CSS Transforms, Taggify, AmberJack, SimpleModal, jQuery Masonry, WebKit Clock, Microsoft Office Minibar.

Please go to the inner post-page to view full list of these 50+ awesome CSS3 experiments/applications. And see more cool web-based applications below:
- Showcases of Awesome Designs with Stunning JavaScript
- 50+ Great Web Applications of Data Visualization

• Demo
• Enlarge
• Reload
• New window

Feature Table Design

�I ran into the feature table design and I was inspired to try and replicate it. First in Photoshop, then in HTML/CSS. Recreating cool stuff you find on the web is definitely an excise I recommend (a few days after, I read this � couldn�t agree more). As these exercises typically do, it lead me down some interesting paths.�

The Mac-style Skype Application Menu with CSS3 and jQuery

This tutorial re-creates the Skype application menu in the web browser. The final design mimics not the full layout � only the menu where all your friends are listed. For the nifty layout CSS3 is used and jQuery is used for the extra functionality.

Scrollable Thumbs Menu with jQuery

In this tutorial we will create a fixed menu with scrollable thumbs. The idea is to have a menu fixed to the bottom of the page and let a vertical stack of thumbs appear when hovering over a menu item. The thumbs are scrollable by moving the mouse up and down which makes a really nice effect. We will add some CSS3 properties for spicing up the looks

Sweet Menu

Sweet Menu takes an ordinary list of links and makes it a sweet looking menu. It does this by utilizing jQuery and it�s plugin system

Creating a Fancy Menu Using CSS3 and jQuery

Here you can see how a fancy menu can be created with the help of the new CSS3 features along with jQuery

Rocking and Rolling Rounded Menu with jQuery

In this tutorial you can make use of the rotating and scaling jQuery patch from Zachary Johnson to create a menu with little icons that will rotate when hovering

Slick Drop-Down Menu with Easing Effect Using jQuery & CSS

Drop-down menus are an excellent feature because they help clean up a busy layout. When structured correctly, drop-down menus can be a great navigation tool.

Thumbnails Navigation Gallery with jQuery

Here is a great tutorial on how to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation.

Collapsing Site Navigation with jQuery

A collapsing menu that contains vertical navigation bars and a slide out content area can be created like this.

jStackmenu

Here is a jQuery UI widget for Stack Menus.

• Code
• Print

• Comment (0)
• Write

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
Your site

Comment's title

I assure 100% I am real human
I repeat I am not bot

• Sent (0)
• New