HTML Lists : Lettered, Roman Numeral, …

Your HTML list doesn’t have to have an ugly bullet. They can be lettered (A, B, C) or numbered (1, 2, 3) instead. Additionally, you can set the starting list index (the starting number).

<ul> : Standard unordered, bulleted list
<ol> : An ordered list ( • , •, • , … )
<ol type=”1″> : Numbered, ordered list. (Default) ( 1, 2, 3, … )
<ol type=”A”> : Ordered List via capital letters ( A, B, C, … )
<ol type=”a”> : Lower-case letters ( a, b, c, … )
<ol type=”I”> : Capital roman numerals ( I, II, III, … )
<ol type=”i”> : Lower case roman numerals ( A, B, C, … )
<ol type=”1″ start=”21″ > : Starts list at 21 ( 21, 22, 23, … )
<ol type=”A” style=”font-weight: bold;”> :  Bold letters ( A, B, C, … )
<ul style = “list-style-image: url(”> Change your bullets inline ( , , , … )


(Beta) Google Font Lab

Google has released their Google Font Lab, part of Google Code, in open beta.  They have a clean interface to test and preview fonts and styles and render the CSS portion.

The catch? These fonts don’t live on your machine, they live on Google. This is a really big deal. No longer are web designers restricted from using fancy obscure fonts simply because their audience isn’t going to have the particular font installed on their machine.  And no more creating text-graphics for the same reason.

Imagine a DaFont with fonts accessible for any website, for any computer,  simply by using a reference in your CSS code back to Google APIs.

Google Font Labs

New fonts via CSS linking to Google APIs