I used it extensively when I was learning web building and still use it regularly for such things as working on the styling of my beta blogger site.
Main FeaturesFor editing
- Edit HTML - opens a small window at the bottom of your screen for you to edit the html while viewing the results in the top window. You can then save the html.
- View generated Source - opens up the page source code in a new window/tab. You can copy all or part of the code and paste it into another application to edit it or to practise styling before editing your css template. This is particularly useful for template based applications such as blog platforms or CMS programs where the html output is generated by xml or databases.
- View Source With - allows you to specify a program you wish to edit a page with - eg notepad, dreamweaver, photoshop.
- View and edit CSS and Style Information
- Image Information - displays all the images and image details on a separate page/ta Outline images with empty alt attributes
- Display Image File Sizes and image dimensions
- View Color Information Display Element Information - a nifty feature allowing you to highlight parts of the page and find out various information such as ID, class, CSS inheritance and color.
- View Document Size, Meta Tag Information, Link Information, Page Alt Attributes
- Outline External Links
- Display Id & Class Details
- Display Block Size
- Display page at various window sizes - eg 800x600, 1024x768 etc
- Validate HTML, CSS, Links, Feeds
More information and downloads:
Blog-Tools, html, Blog-Toolbox sueblimely alexa