Apparently you can now create icons with CSS.
<http://graphicpeel.com/cssiosicons>

You need an up to date version of Safari to view these. Firefox 3.6
is only half way there ;)

The source code for the little weather icon looks like this:

<div class="weather icon">
<div class="gloss"></div>
<div class="sun-container">
<div class="sun-shadow"></div>
<div class="sun">
<div class="sun-highlight"></div>
<div class="sun-glow"></div>
</div>
<div class="rays">
<div class="ray-1"></div>
<div class="ray-2"></div>
<div class="ray-3"></div>
<div class="ray-4"></div>
<div class="ray-5"></div>
<div class="ray-6"></div>
<div class="ray-7"></div>
<div class="ray-8"></div>
<div class="ray-9"></div>
<div class="ray-10"></div>
<div class="ray-11"></div>
<div class="ray-12"></div>
<div class="ray-13"></div>
<div class="ray-14"></div>
<div class="ray-15"></div>
<div class="ray-16"></div>
</div>
</div>
<div class="temperature">
 73°
</div>
</div>


Hm, lots of totally empty, nested tags. Why would someone want to do
it this way?
Also check out the CSS for a real scare.

Suddenly one simple image seems infinitely more elegant and straightforward.


More like this:
<http://html5watch.tumblr.com/>


Martin

--
This list is a free service of LassoSoft: http://www.LassoSoft.com/
Search the list archives: http://www.ListSearch.com/GoLive/Browse/
Manage your subscription: http://www.ListSearch.com/GoLive/