Looking for a powerful tool for creating standards-compliant sites? Consider TopStyle, written by the creator of HomeSite, the world famous HTML-editor.
You can edit your HTML, XHTML and CSS in a single program
- Preview CSS while you write it.
- Style Checker to validate style sheets against multiple browsers.
- Style Upgrade tool to quickly replace all outdated HTML code.
- Site Reports to see at-a-glance where styles are used in your site.
The program offers many unique features, including the option to upgrade your HTML documents by replacing outdated markup with equivalent styling. You can also convert HTML to XHTML and check your CSS syntax against multiple browsers, using a side-by-side preview. A harmonious colors feature allows you to easily create pleasant color schemes for your site and more. TopStyle Pro offers complete site management with the built-in File Explorer, clip libraries and resource manager and integrates with existing web authoring tools.
What's New in Version 3.5?
- Box Spy exposes an HTML element's margins, padding and content box as you mouse over it in the preview View screencast »
- External URLs may now be used as preview files - preview your CSS as applied to any site on the Web!
- Powerful multi-file replace enables replacing in all files in a specific site or folder
- Style definitions for Firefox 2, Internet Explorer 7, Safari 2, Opera 9 and Outlook 2007
- Support for PNG images in the thumbnail viewer
- Site Reports now support multiple class names within a single class attribute
...and a whole lot more!
Upgrade
Lite Version
TopStyle Lite is a free version of TopStyle that contains an extremely small subset of the features found in the Pro version of TopStyle. Most importantly, TopStyle Lite is strictly a simple CSS editor, whereas TopStyle Pro is a full-blown XHTML, HTML and CSS editor. However, if all you want is a very basic CSS editor, TopStyle Lite will serve you very well.
Requirements
- Microsoft Windows® 98 or later
- Pentium 300 MHz or higher processor
- 64MB RAM or OS minimum (whichever is greater)
Features
- HTML, xHTML and CSS Editing in a Single Program: HTML attributes are categorized so you can quickly see which are required, and it generates XHTML-compliant markup with a simple toggle.
- Easy Navigation Between Documents: Click an HTML class attribute to navigate to the definition of that class in an external style sheet or click an anchor tag or CSS link to open the linked file for editing. You can even click on an < img > tag to open the image file in your favorite image editor.
- Element and Attribute Validation as You Type: All of the classes are defined in your style blocks and external style sheets, so assigning a class to an HTML tag is a very simple task.
- Style Checker: Validate your style sheets against multiple browsers, flagging any invalid properties or values it finds. You can also pass your style sheets directly to the W3C's CSS Validation Service, so you can quickly check against the official CSS specifications.
- Style Upgrade: A quick, reliable way to replace all deprecated (outdated) HTML markup - including the long-abused HTML < font > tag - with equivalent CSS.
- HTML Tidy Integration: Make the move to XHTML painless with the built-in Tidy configuration, which converts HTML to XHTML with a single click!
- Site Reports: See at a glance where styles are used in your site. Find out where you've applied style classes that aren't defined in any style sheets, or see what style classes you've defined that aren't being used.
- Full Screen Preview: Split the preview between Internet Explorer and Mozilla for an immediate look at browser differences. You can even change the !DOCTYPE of each preview panel on-the-fly to see how different document type declarations affect your layout.
- Integration with W3C HTML Validation: Results of the validation are displayed within TopStyle, with hyperlinked line numbers that synchronize with TopStyle's editor.
TopStyle 3.5's new "Box Spy" provides a simple, effective way to see exactly how your CSS is affecting a specific HTML element. When Box Spy is enabled, moving the mouse over an HTML element in the embedded preview will exposes that element’s margins, padding and content box, and the element’s hierarchy will appear above the preview. Clicking an element in the hierarchy will move Box Spy to that element.
TopStyles's main window may be customized to suit your editing style. Docking panels enable you to rearrange the positions of the following: Style Inspector, Selector List, Output, View Bar, Palette Editor, Files, Clip Library. TopStyle's toolbars are similar to those used in Microsoft Office and are very easy to customize as well. Layouts are a way to save and restore the position of everything on the TopStyle display, enabling you to define different ways of working with minimal fuss. TopStyle comes with a few built-in layouts, but you can easily create your own.
Now you can edit your HTML documents and style sheets using one great interface! TopStyle Pro's inspector categorizes HTML attributes so you can quickly see which are required and which are deprecated (outdated). Even better, TopStyle generates XHTML-compliant markup with a simple toggle. TopStyle Pro's unique hyperlinking greatly simplifies navigating between documents. Click an HTML class attribute to navigate to the definition of that class in an external style sheet, or click an anchor tag or CSS link to open the linked file for editing. You can even click on an < img > tag to open the image file in your favorite image editor.
CSS is actually quite simple, but getting it to work in multiple browsers is a challenge. This is where TopStyle shines! TopStyle Pro's Style Checker is a powerful tool which validates your style sheets against multiple browsers, flagging any invalid properties or values it finds. It also warns if bugs in popular browsers may cause problems even when your style sheets are perfectly valid. What's more, TopStyle Pro enables you to pass your style sheets directly to the W3C's CSS Validation Service so you can quickly check against the official CSS specifications.
Web authors have been waiting a long time for a feature like TopStyle Pro's Full Screen Preview! Split the preview between Internet Explorer and Mozilla (Netscape Gecko) for an immediate look at browser differences. You can even change the !DOCTYPE of each preview panel on-the-fly to see how different document type declarations affect your layout.
SharewareJunkies.com says: "TopStyle is the friendliest Cascading Style Sheet (CSS) Editor I have seen. Not only is it the best in its class, but you can rest assured that it should remain on top for a long time to come."
Read full article >>
NewsGator Premium Subscription
You are entitled to all product upgrades released while your
NewsGator Premium Subscription is active. You can check the status of your Premium Subscription from your
account page. If you know your Premium Subscription has expired, you can renew it for $19.95 on the
renewal page.
