Home -- Web Developer -- Html Editors -- TopStyle Pro -- Description

click here to enlarge

Want more from your HTML editor?

Then tap into the power of cascading style sheets (CSS) and XHTML with TopStyle Pro! Written by Nick Bradbury, creator of HomeSite, TopStyle Pro contains powerful tools for building standards-compliant sites.

• Edit your HTML, XHTML and CSS in a single program

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. TopStyle Pro's insight shows valid elements and attributes as you type. Even better, it knows all of the classes defined in your style blocks and external style sheets, so assigning a class to an HTML tag is a very simple task.

• Check your CSS syntax against multiple browsers
  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.

• Upgrade outdated HTML - including font tags - to CSS
  Make the move to style sheets painless with TopStyle's Style Upgrade feature! This time-saving tool provides a quick, reliable way to replace all deprecated (outdated) HTML markup - including the long-abused HTML <font> tag - with equivalent CSS.
  
• Convert your HTML to XHTML with TopStyle's HTML Tidy integration
  TopStyle's integration with HTML Tidy provides a very simple way to use this powerful HTML validation and formatting tool. Make the move to XHTML painless with the built-in Tidy configuration which converts HTML to XHTML with a single click!
  
• Find out CSS class usage throughout your site
  TopStyle Pro's powerful Site Reports enable you to 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.
  
• Side-by-side Internet Explorer and Netscape Gecko preview
  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.

• New in V3.10! New in v3.10! Integration with W3C HTML Validator<>TopStyle now features integration with the W3C's online HTML validation service. Results of the validation are displayed within TopStyle, with hyperlinked line numbers that synchronize with TopStyle's editor.
  
• New in V3.10! Integration with Bobby Accessibility Checker
  TopStyle now features integration with the desktop version of Watchfire's Bobby. Use the industry-standard accessibility checker on your pages and see its detailed reports within TopStyle!

Already have a web authoring tool? Keep it, but let TopStyle handle your style sheets - and find out why so many leading HTML editors use TopStyle for CSS editing.