Monday, March 19, 2007

Web Design Tools that I can no longer live without

One of the biggest pains when building a new web site on MOSS is cross browser development and testing. Often, slight errors in stylesheets can have disasterous affects on different browsers. One of the tools that I have found help me in this regard is the FireBug add-in within Firefox. This tool lets you inspect a particular element on the page. It then tells you where it is picking up the associated styles for the selected element. It references each stylesheet name that has been included, the line number, and which CSS attributes are being ignored. It really helps you to quickly identify bizaar behaviours within a page.

4 comments:

Komail Noori said...

Definately great tools. It will be hell without them.

Regards,
Komail Noori
Web Site Design - SEO Expert

Anonymous said...

A reader had to go through the interview for Web Designer / Graphic Designer position and sent in his set of questions.

1. Whats is the difference between cellspacing and cellpadding?
2. If a page has to be loaded over all frames in window, what should be the value of TARGET attributes?
3. Which one of the following settlement is correct?
1. A table cannot contain another table
2. A Form can ve nested inside another form
3. Which element are table cells
4. List out tags that are support exclusively by IE and Netscape.
5. What tags are used to embed one html page inside another html page (without using frames)?
6. In dreamweaver what is used to apply same layout to my pages.
7. Which HTML tag is used to define an internal style sheet?
8. How do you define an inline style?
(Website design India)

Anonymous said...

A reader had to go through the interview for Web Designer / Graphic Designer position and sent in his set of questions.

1. Whats is the difference between cellspacing and cellpadding?
2. If a page has to be loaded over all frames in window, what should be the value of TARGET attributes?
3. Which one of the following settlement is correct?
1. A table cannot contain another table
2. A Form can ve nested inside another form
3. Which element are table cells
4. List out tags that are support exclusively by IE and Netscape.
5. What tags are used to embed one html page inside another html page (without using frames)?
6. In dreamweaver what is used to apply same layout to my pages.
7. Which HTML tag is used to define an internal style sheet?
8. How do you define an inline style?
(Website design India)

Anonymous said...

It would be good for web developers to take note of these useful tools. These items can add spark to a site and make it look more lively. I can't wait to try the ones especially made for graphic design!
web design company