Did you ever want to have check box in a scrollable select box area? This example is an alternative to the select element with enabled multiple attribute.

Launch Demo/site

Use CSS Stylesheets for Web forms.

Launch Demo/site

Another pure CSS drop down menu. Instead of the menu being triggered by placing your mouse of the menu label, it is trigger by moving your cursor over the down arrow on the right side of the menu label.

Launch Demo/site

The user can click on individual tabs to view different content within the same space.It will require a few lines of JavaScript to dynamically update the individual tabs.

Launch Demo/site

Shows up hint for the currently focused input.

Launch Demo/site

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want.

Launch Demo/site

Using CSS and PHP you can create attractive bar graphs (yes, even the stacked kind) that are always up to date.

Launch Demo/site

CSS and data tables that can create usable and pretty results.
Launch Demo/site

1. The drop-down in a horizontal line of links that further cscades to another horizontal line.Launch Demo/site

2. menu with THREE sub levels
Simple 4 level flyout menu

This is an accessible, CSS/JS based “popup tooltip” script that dynamically converts regular footnotes in a document into tooltips that appear next to their triggering elements.
Features:

• Pure CSS formatting allows infinitely customisable note appearance using the standards-based technology you know.http://itechies.net/blog/wp-admin/post.php?action=edit&post=2442
  Blog on Ajax, CSS, Web 2.0, SEO, PHP, Photoshop › Edit — WordPress
• Accessible HTML elements used to construct the notes, so your site maintains excellent search engine and screenreader compatibility.
• Fallback to regular footnotes give you excellent compatibility with older browsers if you choose.
• Object-orientated JavaScript for separate note systems and easy implementation; you don’t have to know any JavaScript to use this!
• Hover and Click note types give you a choice of activation method on a per-note basis.
• Read more.. …

Launch Demo/site

CoolTips

CoolTips is a lightweight unobtrusive JavaScript web-browser tooltips replacement technique.

CoolTips is used to replace conventional web-browser tooltips. The tooltips get the contents of the title attribute, so it’s fully unobtrusive. CoolTips is an OO class based on Prototype JS and script.aculo.us frameworks.


Launch Demo/site

This Script shows up hint for the currently focused input.
Launch Demo/site

Learn how to add file type icons to links automatically using css.
Launch Demo/site

Scalable CSS Buttons

• Full scalability in all directions
• The use of one single png image for the button without overlapping
• The possibility to change background colors behind the image (also on hover)
• Super-clean HTML markup
• Unobtrusive javascript for altering the DOM
• Pure CSS for styling
• Possibility to style anchors as well as form buttons
• Full degradability for browsers without images or javscript

Launch Demo/site

Learn how to add file type icons to links automatically using css.
Launch Demo/site

Radio & Checkbox Customisation Method
Launch Demo/site

Hierarchical Sitemap with CSS- This tutorial will use a nested unordered list with two levels to create a hierarchical structure where dashed lines will show the dependencies. This could be used as a sitemap or to visualize a directory. The advantage of this technique is that you only need a simple nested list and do not have to add any additional code in the HTML document.
Launch Demo/site

A form with style- using CSS for styling FORMS.
Launch Demo/site

A Script to give nice forms in styling and in HTML structure. Download the script here. Download
Launch Demo/site

Link Thumbnail shows users that are about to leave your site exactly where they’re going. When that curious mouse pointer hovers over a link pointing to somewhere outside of your site, the script displays a small image of the destination page. It’s a nice visual cue that serves a very real purpose: providing a clearer picture (no pun intended) of what’s ahead.
Launch Demo/site

Collapsible tables with DOM and CSS.When you click on the expand icon, all rows will be visible.
Launch Demo/site

Create a web 2.0 button in only 4 steps. Paint your button with preloaded web 2.0 icons or upload your personal icon and customize the font of the text inserted.Launch Demo/site

This collection of techniques to create boxes with rounded corners using CSS. Some of these techniques use CSS and one or more background images, some use CSS, JavaScript and no images, and a couple use only CSS — no images or JavaScript required .

Rounded corners online generator – Generate HTML/CSS code and images for rounded corners.Launch Demo/site

Awesome Rounded Corners Generator .Launch Demo/site

Online Rounded Corners Generator .Launch Demo/site

Rounding Tab CornersLaunch Demo/site

Spanky Corners.Launch Demo/site

Round Corners with javascript.Launch Demo/site

Add Fluid Borders to Your Boxes with CSS Launch Demo/site

Rounded Corner CSS Boxes Launch Demo/site