Misc

newest | top rated | most popular | most commented

Added by vasdee, 1 Year, 2 Months, 2 Weeks, 3 Days, 15 Hours, 38 Minutes ago

# Table headers are there but hidden using the aural text class discussed in a previous article. Sighted users have already received information on what the chart is about.
# A bar is created using an image which is stretched to the appropriate size.
# Bar widths are calculated relative to the largest value.

1 | Misc > Bars/Charts/Graphs

9.0/10

Currently 9.00/10

Fade-Out Bottom

Added by aycarumba, 1 Year, 3 Months, 3 Days, 10 Hours, 7 Minutes ago

Subtle effect - the text at the bottom of the page fades away. Even as you scroll the page content up and down, it appears as if it fades away into the bottom of the page.

0 | Misc > Other

7.0/10

Currently 6.83/10

Horizontal Percentage Bar

Added by aycarumba, 1 Year, 3 Months, 3 Days, 18 Hours, 2 Minutes ago

A horizontal percentage bar using pure CSS (no php or javascript) and just 2 images.
No matter how many percentage bar’s will be displayed on the page the user will only need to wait for two images to be downloaded.

0 | Misc > Bars/Charts/Graphs

10.0/10

Currently 10.00/10

Dynamic Pie Chart with CSS

Added by aycarumba, 1 Year, 3 Months, 3 Days, 17 Hours, 53 Minutes ago

This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries

0 | Misc > Bars/Charts/Graphs

0.0/10

Currently 0.00/10

jsProgressBarHandler

Added by aycarumba, 1 Year, 3 Months, 3 Days, 13 Hours, 24 Minutes ago

jsProgressBarHandler is a rewrite of the (unfortunately wrongly named) AJAX Progress / Percentage Bar by Webappers. Improvements made were the change from a set of functions to a true Prototype.js Class, reduction in the number of functions, and making it unobtrusive (if javascript is disabled you'll still see the percentage), amongst some minor tweaks.

jsProgressBarHandler has been tested…

0 | Misc > Bars/Charts/Graphs

10.0/10

Currently 9.67/10

BoxOver

Added by aycarumba, 1 Year, 3 Months, 3 Days, 14 Hours, 34 Minutes ago

BoxOver uses javascript / DHTML to show tooltips on a website. Implementation of the tooltips, however, requires no knowledge of DHTML or javascript.

0 | Misc > Tooltips

4.0/10

Currently 4.00/10

Bubble Tooltips

Added by aycarumba, 1 Year, 3 Months, 3 Days, 14 Hours, 5 Minutes ago

Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.

0 | Misc > Tooltips

7.0/10

Currently 7.00/10

Sweet Titles

Added by aycarumba, 1 Year, 3 Months, 3 Days, 13 Hours, 59 Minutes ago

JavaScript Fading Tooltips

0 | Misc > Tooltips

0.0/10

Currently 0.00/10

CoolTips

Added by aycarumba, 1 Year, 3 Months, 3 Days, 13 Hours, 57 Minutes ago

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

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

0 | Misc > Tooltips

5.0/10

Currently 5.00/10

The Catfish

Added by aycarumba, 1 Year, 3 Months, 1 Day, 8 Hours, 57 Minutes ago

Display a fixed position banner at the bottom of the browser window - this is referred to as the 'Catfish' banner by sitepoint.com.

This is great for advertising or attention-grabbing information.

0 | Misc > Other

8.0/10

Currently 7.50/10

‹ First<12 3 >Last ›