TopStyle contains powerful tools for building standards-compliant web sites.
- Preview CSS while you write it.
- Easily create pleasant color schemes for your site.
- Style Checker validates your CSS syntax against multiple browsers.
- Use Site Reports to see at-a-glance where CSS styles are used in your site.
- Style Upgrade quickly replaces all outdated HTML code with equivalent CSS styling.
* When you save your (X)HTML document (File > Save As), you can optionally select encoding for your document. TopStyle allows you to save your document ANSI-encoded (the TopStyle 3.x default), or Unicode-encoded (UTF-8 or UTF-16).
# Live FTP editing
* TopStyle allows you to edit online documents via FTP (File Transfer Protocol). The new FTP Explorer Panel (View > Panels > FTP Explorer Panel) allows you to drag-and-drop documents from your FTP site(s) into the TopStyle editor. Alternatively, you can select File > Open from FTP from the TopStyle menu.
# HTML toolbar
* TopStyle comes with a new, user-configurable HTML toolbar (View > Show HTML Toolbar) that is displayed above the editor. By default, this HTML toolbar is available to (X)HTML documents only, but you can optionally enable it for CSS documents too via Options (F8) > General > User Interface.
# New style definitions
* TopStyle includes new style definitions for IE8 (Microsoft Internet Explorer 8), FF3 (Mozilla FireFox 3), SF3 (Apple Safari 3), and SF4 (Apple Safari 4).
# Insight for scripting languages
# Code folding
In addition to CSS rule collapsing, TopStyle allows you to collapse...
* Comments in CSS and HTML
* PHP and ASP blocks in HTML
* The TopStyle editor context menu contains new commands for navigating your document(s). To display the editor context menu, right-click anywhere in the editor window.
# iPhone (and iPod touch) web app development
TopStyle includes iWebKit, a simple and advanced development framework for iPhone (and iPod touch) web apps:
* Start a new iWebKit project via File > New Site > iWebKit.
* Add a new iWebKit page to your site via File > New HTML Document > iWebKit.
* the new HTML toolbar contains an iWebKit tab, providing easy access to most of the commonly used iWebKit elements (such as navigation buttons, menus, lists, form elements, etc).
In addition to iWebKit, TopStyle includes new CSS definitions for Apple's mobile Safari (iPhone OS 1.1 and iPhone OS 2.0).
Last but not least, TopStyle includes a new *internal* preview for Apple Safari.
# Improved inline style
* Inline style attributes (eg. style="|") support CSS color-coding and Style Insight (Ctrl+Space).
# IE8 document compatibility
* TopStyle allows you to change the current IE8 document compatibility mode (you can select a mode from the document compatibility list under TopStyle's HTML menu).
# HTML 5
* TopStyle contains a new HTML definition for HTML 5, and supports the new !DOCTYPE for HTML 5.
# Improved CSS Insight
* includes recently used colors (CSS color properties only)
* (sub)property values are grouped (CSS shorthand properties only)
# Live spelling (HTML-only)
* TopStyle identifies spelling errors as you type with wavy red underlines, and allows you to act upon each identified problem with a new context menu.
# New HTML templates
# Support for the latest web browsers
* TopStyle auto-detects the latest (external) browsers, including Mozilla Firefox, Apple Safari, Opera, and Google Chrome.
# Improved PHP support
* Inside PHP HEREDOCs, TopStyle will display it's Tag Inspector (or Inline Style Inspector) and HTML Insight when you're adding/editing HTML tags.
# Improved CSE HTML Validator integration
* TopStyle includes improved integration with CSE HTML Validator.
# Updated HTML Tidy
* TopStyle includes the March 2009 release of HTML Tidy, and supports all the latest HTML Tidy configuration options.
# Windows XP themes
* TopStyle supports (Windows) XP themes, and provides a better visual user-interface experience on both Windows XP and Windows Vista.