Scrollable Check Lists

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

Form styling with css

Use CSS Stylesheets for Web forms.

Launch Demo/site

Another pure CSS drop down menu

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

CSS Text Wrapper/text wrap around curves

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

Vertical Bar Graphs with CSS and PHP

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 table designs

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

Styling buttons with CSS

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

add file type icons to links

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

Vertical CSS Menus

Vertical CSS Menus -vertical menus with, right to left, submenus .
Launch Demo/site

Hierarchical Sitemap with CSS

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

CSS for styling FORMS

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 image

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

Collapsing tables

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

Web 2.0 free buttons maker

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

CSS Rounded Corners

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

Add reflection to the image

Reflection.js allows you to add reflections to images on your webpages. It uses unobtrusive javascript to keep your code clean.Launch Demo/site