Archive for the ‘X|HTML’ Category

Ajax: Hotmail vs Yahoo Mail

October 24, 2006

So both Yahoo Mail! and Hotmail have come up with their AJAX based UIs. Its time I did a comparison.

Yahoo! Mail

yahoo-mail-ajax.gif

Hotmail

hotmail-ajax.png

Use of Colors, Icons, images

  • Hotmail, has worked upon its old icons, making them with gradient backgrounds though.
  • Yahoo has created bold new Icons, Their Icons are more intuitive. They are bigger, considering the higher resolutions (more than 1024 x 768). Hotmail’s icons’ main image still is small, with Text beside it to help
  • Hotmail has already given multiple themes like Blue, Red, Black, Sliver, Yahoo still lacks it, or atleast I wasn’t able to find it.

(more…)

Advertisements

WAI Compatible popup windows

September 20, 2006

Frequently on websites, we need to pop windows, for slideshows, comments, feedbacks, etc. But want to ensure that the page is also WAI compatible.

So we use a trick, The trick is to give actual page link of the slideshow in the href, so that non standard browsers can access that slideshow, but the Standard Modern browsers that have JavaScript enabled can popup the window.

Use onclick event to pop a new window, but also make sure that a return false statement is present.

WAI Compatible: Window Popups

Website Content Layout Guidelines

March 2, 2006

A lot of websites are currently created or “designed”. But wait a minute have you ever thought what part of the screen should hold which content ?

website-layout.png

Let us try to figure out something on those lines…

Here are some of the points that we should consider while “designing” a layout

  • The most important content should be right in the front of the eye.
  • The less important should be around the most important
  • Even lesser importance, Show the way down! It should be further away from the reading view ( for least distraction )

(more…)

Tidy-ing your XML, HTML

January 21, 2006

If you ever wonder how would you get your messy XML and HTML well-formatted, Here is the whizard, Tidy tidy is a small but very effective tool written by Dave Raggett.

Tidy can clean, indent XML and HTML data very effectively.

tidy -mi -xml file-name

(more…)

DOM Source

December 28, 2005

In firefox you can view, the runtime view-source of the html page. All you need to do is

  1. Select a particular piece of text
  2. Right Click
  3. Click “View Selection Source”

DOM source

So if you have anything that is generated by JavaScript at Runtime, you can select that part of the document and see it’s source