Main Points

• Visual Techniques Techniques involving images, Flash or some other visual / graphic appearance.
• Font Formatting Techniques for aligning and placing font on the page where it's supposed to be.
• Escape Codes One of the most comprehensive catalogs of escape codes on the internet.

Here we have dropped virtually every technique that we're using across the website in one place to help you test what is and is not compatible with your system.

Visual Techniques

Images and Alt Text

Can't imagine any situation where this would "unexpectedly" fail, but better to check. There are browsers like Opera that make it very easy for visitors to turn off images. I don't think many people have done it though. Then there are text browsers, but again, that shouldn't be a surprise. Still this section will let you test images and basic alt text.

Alt Text

Alt text is used to create a "hidden message" on a webpage. At first, when the mouse moves over a piece of text, image, or object with alt text nothing happens. But if the mouse sits over it for a second or two, a yellow rectangle appears by the mouse cursor with the alt text inside. In the example at left, the EarthChronicle.com heading has alt text. Rest your mouse cursor here (or over the picture, to see an example of alt text in action. Alt text primarily helps users with text browsers, visitors with images turned off, and search engines, but it also provides additional information to normal users. [Chroniclemaster1, 2005/10/27]

Color Table

This is our color table from the Web Safe Colors section. The topic is fairly obsolete with CSS, but here it is.

Color Table Green Values = FF Red Values increase right, Blue Values increase up (From 00 to FF).
#00FFFF	#33FFFF	#66FFFF	#99FFFF	#CCFFFF	#FFFFFF
#00FFCC	#33FFCC	#66FFCC	#99FFCC	#CCFFCC	#FFFFCC
#00FF99	#33FF99	#66FF99	#99FF99	#CCFF99	#FFFF99
#00FF66	#33FF66	#66FF66	#99FF66	#CCFF66	#FFFF66
#00FF33	#33FF33	#66FF33	#99FF33	#CCFF33	#FFFF33
#00FF00	#33FF00	#66FF00	#99FF00	#CCFF00	#FFFF00

Earth Chronicle Flash Logo

So far this is the coolest visual technique that we've employed. However, it was designed as the beginning of the design for the website, not the end. Stay tuned. In the meantime, this will help you check what is currently our state of the art design project.

Font Formatting

Headings

Here's a run down to help you test all of our headings, from largest to smallest.

Level 1 Heading

A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text.

Level 2 Heading

A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text.

Level 3 Heading

A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text.

Level 4 Heading

A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text.

Level 5 Heading

A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text. A bit of text.

Level 6 Heading

Block Quotes and References

Our two main special paragraph formats. This block quote is from the EC homepage along with it's bibliographic reference.

"Stars fade like memory the instant before dawn. Low in the east, the sun appears golden as an opening eye. That which can be named must exist. That which is named can be written. That which is written shall be remembered. That which is remembered lives."

Ellis, Normandi, trans. Awakening Osiris: The Egyptian Book of the Dead. Grand Rapids, MI: Phanes Press, 1988. 43. Some bibliographic references stop after the page number. Some include an annotation like this. While this clearly is not a typical annotation, it should guarantee that the text wraps once or twice so you can see how a reference paragraph is formatted with a long first line and each line after indented.

Bibliography In-Page Links

The skip links use the same technique so strictly speaking this is redundant.

5* Geography Brunsden, Denys, J. Malcolm Wagstaff, and Caroline Burgess. eds. World Atlas. 1st American ed. New York: DK Publishing, Inc., 1999. 338pp. (208pp. of maps). Well thought out color scheme with highlights and shadows conveying the 3D topography. Excellent selection of maps from world to local maps, from physical to political to specialty maps, with copious amounts of background information and data. Wise use of big maps for core topics, extensively supplemented with smaller maps and diagrams for extra topics. Beautiful and informative, in every way one of the best books compiled by DK, perhaps the best publisher in the world of non-fiction books with graphics. [Chroniclemaster1 2005/6/27]

5* World Atlas. Brunsden, Denys, J. Malcolm Wagstaff, and Caroline Burgess. eds. 1st American ed. New York: DK Publishing, Inc., 1999. 338pp. (208pp. of maps). Geography

Geography

5* Brunsden, Denys, J. Malcolm Wagstaff, and Caroline Burgess. eds. World Atlas. 1st American ed. New York: DK Publishing, Inc., 1999. 338pp. (208pp. of maps).

5* Brunsden, Denys, J. Malcolm Wagstaff, and Caroline Burgess. eds. World Atlas. 1st American ed. New York: DK Publishing, Inc., 1999. 338pp. (208pp. of maps).

5* Geography Brunsden, Denys, J. Malcolm Wagstaff, and Caroline Burgess. eds. World Atlas. 1st American ed. New York: DK Publishing, Inc., 1999. 338pp. (208pp. of maps).