April 3, 2006

Say yes to animated Favicons

Categories: design, webstandards
Author: Arun
Time: 2:15 pm
Reactions :No comments

Yes. Animated favicons are on the rise. From Niall Kennedy to the latest Wikio, many use animated gifs as favicons instead of treditional .ico bitmaps. Since IE will never display favicons (even .ico files) anymore, why dont we exploit the new Firefox support for animated gifs as favicons?

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/animated_favicon.gif" type="image/x-icon" />

In FF, this gives more attention to the particular site tab, addressbar and in bookmarks. Suddenly you are more visible to the world :)

Update: Use FavIcon Generator from HTML-KIt to generate favicons from your own images. Yes. even scrolling text icons :)
There is a nice video tutorialon how to create your favicons and then upload to blogger

March 30, 2006

Web standards: Who is going for it?

Categories: design, webstandards
Author: Arun
Time: 7:35 pm
Reactions :No comments

BBC’s complaints about websites forced me to check webforth for markup errors. I fixed a couple of things. I explored more and checked some cool websites (Including BBC.co.uk) for markup as well as css validation. Read the results below to see whats going on.

website css validates? markup errors? doctype
google.com yes 50
yahoo.com yes 299
msn.com no 2 xhtml 1.0 strict
technorati.com no 0 xhtml 1.0 strict
microsoft.com no 0 html 4.0 transitional
amazon.com no 1211
ebay.com - 246
w3c.org yes 0 xhtml 1.0 strict
bbc.co.uk yes 37 html 4.01 transitional
digg.com - 3 xhtml 1.0 transitional
del.icio.us - 41 xhtml 1.0 strict
flickr.com no 15 html 4.01 transitional
webstandards.org no 0 xhtml 1.0 strict
slate.com no 92
myspace.com no 63
feedburner.com - 11 xhtml 1.0 transitional
alistapart.com no 0 xhtml 1.0 transitional
apple.com no 7 html 4.01 transitional
sony.com no stylesheet 0 xhtml 1.0 transitional
cnet.com no 1315
last.fm no 2 xhtml 1.0 transitional
boingboing.net yes 199 html 4.01 transitional
wordpress.org no 4 xhtml 1.1
odeo.com no 1 xhtml 1.0 transitional
facebook.com - 8 xhtml 1.0 strict
useit.com yes 8 html 4.0 transitional
webstandardsgroup.org - 1 xhtml 1.0 transitional
ibm.com no 3 xhtml 1.0 transitional
skype.com no 0 xhtml 1.0 transitional

It was interesting to see that webstandards.org fails in CSS validation and Microsoft.com has amazingly perfect HTML homepage. Cool!

It appears that it is extremely difficult to keep both markup and css valid. The sites with user generated content (Del.icio.us for example) and sites showing external markup (Like the ads in techcrunch.com) are more vulnerable to this.

W3c is yelling for standards and nobody seems to listen. Yes. This experiment will not be good for me in the long run. But they are just observations. Take that eye from me. :)

Proudly powered by Wordpress 2.1.3 - theme by neuro, styled by webforth.