At the very bottom of the screen, and spanning 100% of the window is the preview/style checker/search area. The preview window gives you a live, real-time preview of the current sheet, and can be applied to a blank HTML document, or one that you specify. The next option in this area is the style checker button, which will display results of the validation when it’s done. When you run the built-in style checker, you can find errors in your sheet, and they will appear here. The last button in this area is the search button, which displays results of the last search that you ran, along with line numbers for where the item was found.
For this reasons and more, I use TopStyle as my one and only style sheet editor. It contains a built-in code checker, an integrated preview window, all the CSS attributes available, customizable layouts, syntax highlighting, a code formatter (pretty-looking code), and a full-featured color mixer. However, I don’t like the trendy Microsoft Office styled menus or the fact that there’s no offline W3C validator. The numerous excellent features far outweigh these nuisances, though, which is why this program has earned a spot on my hard drive.
Pros: all CSS attributes listed, built-in preview, good code validation
Cons: trendy menus, no offline W3C validator
Ease of use: 8
Features: 8
Usefulness: 9
Value: 7
Customization ability: 10
