Helpful Tools

Posted by Raoul Snyman on March 14, 2006 on 12:36 am | In (X)HTML, Accessibility, CSS, Design, Development, Tools |

As my second article, I thought I would just quickly highlight some of the tools I use to create standards compliant web sites.

My editor of choice is Quanta+. It has all the features of a modern IDE, and really helps my productivity. It’s text editing capabilities alone (code completion, autocomplete, etc.) keep me hooked. However, if I’m in Windows, then I use my own editor, RingHTML 3.0, which I’m modeling on Quanta+.
Of course, the first additional tool I use is my browser, Mozilla Firefox. I write my sites too look perfect in Firefox, and then I adjust them for Internet Explorer. I’ve found this to be the most effective way of doing things. Generally (and this is a bit of a bit “generally”), if my sites work in Firefox, they work in Opera, Konqueror, and Safari as well.

Of course Firefox’s extension mechanism is ideal for extra tools right in the browser. Here are some of the extension I have installed, and which I use when developing site designs:

  • Html Validator: Very handy, this extension validates your site without you needing to visit the validator at w3c.org.
  • Aardvark: The Aardvark extension dynamically shows you all the elements, and their classes and id’s, when you hover over them.
  • Web Developer Toolbar: Another absolute essential, you can do a multitude of things with this toolbar, including outlining of elements, viewing id’s and classes, etc.
  • Fangs Screen Reader Emulator: This extension will pretend to be a screen reader, and will show you the output a screen reader would “say”. An almost must-have for accessibility.
  • ColorZilla: Like that colour on a site you’ve seen? Grab it with ColorZilla.

Got any tools you use that you think are indispensible? Add your comment.

2 Comments »

RSS feed for comments on this post. TrackBack URI

  1. […] An update on the previous Helpful Tools post. For SEO purposes the most helpful tool I’ve come accross is the Quirk SearchStatus Extension. For every site you visit using Firefox or Mozilla, SearchStatus lets you view its Google PageRank, Google Category, Alexa popularity ranking, Alexa incoming links, Alexa related links and backward links from Google, Yahoo! and MSN - all in one place. This combined search-related information means you can view not only the link importance of a site (according to Google), but also its traffic importance (according to Alexa), so providing a balanced view of site efficacy. […]

    Pingback by Standards Compliant Web Design in South Africa | websitewriters.co.za » More Helpful Tools — March 14, 2006 #

  2. Since I usually develop sites off-line on my local web server before deploying them on-line, I’ve started using a the HTML Validator plugin you link to above a lot. It lets me know immediately if I’ve let some illogical code/typos/other errors creep into my mark-up and I find I require a lot less constant validation tests through the W3 validator. However, you should still run your site through the W3 validator since it may still highlight other errors which the plugin (which is based on TIDY) might not pick up.

    That said though, I think that’s a pretty solid list of plugins. Here are some tools (or “services”, rather) you might want to add though:

    SafariTest
    Browsershots

    Comment by sn — April 20, 2006 #

Leave a comment

You must be logged in to post a comment.

Powered by WordPress with websitewriters.co.za theme, design by Saturn Laboratories.
Entries and comments feeds. Valid XHTML and CSS. ^Top^