You can edit your HTML, XHTML and CSS in a single program.
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 elements margins, padding and content box, and the elements 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.
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
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
Requirements
* Microsoft Windows® 98 or later
* Pentium 300 MHz or higher processor
* 64MB RAM or OS minimum (whichever is greater)
Size: 3.6 MB
Download
Mirror
No comments:
Post a Comment