TopStyle Pro Review

TopStyle Pro interface is pretty much standard. It's what's included in the interface that sets it apart. In the Default Layout (there are three included), the middle of the screen contains the work area. Located on the right and left side of the edit area are several different panels. These panels can be hidden if desired.

One of the panels contains the Clip Library. You can store snippets of code here and reuse them in other documents. Another panel contains the CSS Palette Editor, used to view and change the colors in the current style sheet or style block. The Style Inspector panel displays the properties of the code on the selected line in the editor. It gives the attributes of each property, listing even the deprecated ones. The Selector List panel displays each selector used in the current style sheet, divided into elements, classes, and IDs. Clicking on a selector will highlight it in the editor. Creating new selectors can be done either manually or by using the Selector Editor.

TopStyle provides for management of your Web site, right on your computer. It offers features such as a summary view of your site, including all style sheets and HTML documents, all broken style links, recently changed documents (HTML and style sheets), and all style sheets with @import statements. The program maintains a database of your site layout and can rebuild the site in the event it has been modified by another program. Site reports cover ID overview, class usage, orphan and undefined classes, and case mismatch.

The program includes a lite version of CSE HTML Validator. If you have the full version, TopStyle will integrate with it. You can also use the built-in link to the W3C Validator. The results are returned within the program