Softpedia >Windows >Internet >WEB Design >HTML Editors >TopStyle >  Changelog

TopStyle Changelog

What's new in TopStyle 5.0.0.108 Hotfix

Jul 19, 2018
  • Bug: Find/Replace in Files (Shift+Ctrl+F) might mistakenly select an incorrect line (and column) number when a match has been found in a UTF8 document. Fixed.
  • Bug: when you validate a HTML5 doc with the W3C validator, then the following error appears: HTTP Error 12168. Fixed.

New in TopStyle 5.0.0.81 (Dec 4, 2012)

  • CSS3:
  • TopStyle 5 includes a new style definition for CSS3. This new CSS3 definition is powering many TopStyle features, including the Inspector (Shift+F9), Insight (Ctrl+Space), and Style Checker (F6).
  • Prefixr:
  • CSS3 is great, but not every web browser out there fully supports CSS3 and CSS3 itself has not reached its final release stage. That is why some web browsers require so-called vendor-prefixed properties. The vendor prefixes ensure that there are no clashes with the changing specification and to allow the browser maker to start supporting experimental CSS properties.
  • Of course, keeping up with these vendor-prefixed properties (supporting them, remembering them, etc) is hard. In an ideal world, the web developer should have to focus on standards-compliant CSS properties only.
  • Prefixr to the rescue. Prefixr will filter your (standards-compliant) CSS3 properties and dynamically update them, adding (vendor-prefixed) properties for cross-browser compatibility.
  • CSS3 Media Queries:
  • CSS2 allows you to specify a stylesheet for specific media type such as screen or print. Now CSS3 makes it even more efficient by adding media queries. You can add expressions to media type to check for certain conditions and apply different stylesheets. For example, you can have one stylesheet for large displays and a different stylesheet specifically for mobile devices. It is quite powerful because it allows you to tailor to different resolutions and devices without changing the content.
  • CSS Gradient Generator:
  • CSS3 and HTML5 are introducing many exciting features for web developers. One of the features is the ability to specify gradients using pure CSS3, without having to create any images and use them as repeating backgrounds.
  • Text Shadow Generator:
  • CSS3 has a property called text-shadow (a slightly moved, slightly blurred copy of a text).
  • The TopStyle 5 Text Shadow Generator is a built-in property editor for the text-shadow property.
  • Improved options for Preview Files (CSS-only):
  • Starting with TopStyle 5, we have added the following options for Preview Files
  • move most recently used preview file(s) to the top of the list
  • include HTML documents that are in the same directory (as your CSS document)
  • include HTML documents that are open (in other tabs)
  • HTML5:
  • TopStyle 5 includes a new HTML5 definition. This new HTML5 definition is powering the Inspector (Shift+F9) and Insight (Ctrl+Space).
  • HTML5-only Validator:
  • TopStyle 5 includes a new HTML5-only validator. Thanks to this HTML5 validator, TopStyle 5 makes quality assurance of HTML5 less time consuming than it used to be.
  • HTML Structure Panel:
  • The HTML Structure Panel appears below the code editor, and displays the hierarchy of HTML tags that leads up to your editing position
  • Open an HTML document
  • Place the insertion point into some nested code
  • The HTML Structure Panel appears below the code editor
  • Wrap HTML Tag:
  • While TopStyle easily provides auto tag closing (you type the and TopStyle will automatically close the tag with ), it also allows you to easily wrap an HTML tag
  • Click in some HTML tag
  • Select: Edit > Wrap HTML Tag
  • Start typing to move quickly to the element name you want to wrap the tag in, using the up and down arrow keys if needed
  • Press OK (or the Enter key) when you're done
  • Image Map Editor (HTML-only):
  • An image map is an image that has been divided into areas, or "hotspots"; when the user clicks a hotspot, an action occurs (for example, your reader is taken to another Web page).
  • TopStyle 5 has a built-in image map editor that makes it easy to create image maps for your Web pages.
  • Use Google Chrome as the internal browser:
  • TopStyle's internal preview panel has always supported both Internet Explorer and Mozilla Gecko (Firefox). TopStyle 4 introduced Apple Safari to the mix. Now TopStyle 5 introduces Google Chrome as the internal browser. This Google Chrome-based internal preview is installed out-of-the-box, without you having to download and install anything separately. In other words: this feature works, even if you do not have Google Chrome installed on your computer.
  • XRAY: look beneath the skin:
  • XRAY helps you visualize the layout of your page. When you click the XRAY button on the Preview panel's toolbar, the XRAY panel comes up. Now when you click any element on the page, the XRAY panel displays the position, margins, padding, and dimensions of the element.
  • Basically, you click the XRAY button to instantly answer those vital questions: where is the top and left of this element? how big is each margin? how big is the padding? how wide and high is the content box?
  • In addition to these details, the XRAY panel also displays the CSS selector(s) that apply to the element. When you click on such a CSS selector in the XRAY panel, TopStyle will automatically navigate to this CSS rule in the editor panel (even if that CSS rule is in some other document!)
  • Preview and editor synchronization (HTML-only):
  • When you select some text in the TopStyle 5 preview panel, the cursor position in the editor will automatically synchronize with the corresponding text.
  • CSS Groups:
  • Inspired by CSSEdit, TopStyle 5 introduces CSS groups. Basically, this serves as an organization method for your CSS selectors, and in the CSS Selector Panel (View > Panels > CSS Selector Panel) you can view them in a folder-based layout.
  • One of the most daunting things about building and maintaining a web site can be wading through huge, disorganized style sheets. Nothing is worse than opening up a style sheet someone else has worked on and thinking, "what the heck happened here?". One of TopStyle's most powerful features is its ability to group CSS selectors into a folder structure.
  • CSS Tidy:
  • TopStyle 5 includes (and integrates with) CSS Tidy, a CSS parser and optimiser. Thanks to CSS optimisation, you have faster loading pages and lower traffic costs. You can also use CSS Tidy to format (or fix) your style sheets for browser compatibility.
  • Brace matching:
  • When you select a brace, TopStyle 5 will automatically highlight the matching brace.
  • Improved Insight (Ctrl+Space):
  • Starting with TopStyle 5, Insight (Ctrl+Space) will filter the drop-down list while typing (show only those items that match what you have typed). This makes searching though the drop-down list a whole lot easier. You can toggle this new feature here: Options (F8) > Editor > Insight > "filter the list while typing".
  • Highlight CSS color values:
  • When turned on, this new setting will highlight CSS color values with the actual color they represent.
  • Improved CSS color editing:
  • TopStyle 5 displays a little color swatch below every CSS color value. When you click on this color swatch, the color dialog appears. From here, you can easily change the color value.
  • When you triple-click on a color value in the editor, the color dialog appears. From here, you can easily change the color under the mouse cursor.
  • Color Contrast Analyser:
  • The Color Contrast Analyser allows you to specify a foreground and a background color and then determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen".
  • SFTP (SSH File Transfer Protocol):
  • In addition to FTP (previously introduced in TopStyle 4), TopStyle 5 now includes support for SFTP. The FTP Explorer Panel allows you to drag-and-drop documents from your SFTP site into the TopStyle editor. When you save your document, it is automatically uploaded to your SFTP site.
  • File History:
  • TopStyle 5 creates a backup every time you update and save a document.
  • Highlight all occurrences of selected text:
  • TopStyle 5 allows you to highlight (and replace!) multiple occurrences of text (for example: a JavaScript function name) in your document.
  • Improved property help (Ctrl+click):
  • When you click on a CSS property name while holding the Ctrl key down, detailed help on the CSS property will appear. Starting with TopStyle 5, we have added CSE HTML Validator Help to the potential references for this feature.
  • In addition to Ctrl+click, help for a CSS property will also appear when you press F1 while the caret is in a CSS property name.
  • Last but not least, we have added help for HTML elements! Press F1 while the caret is in an HTML tag, and detailed help on the HTML element will appear.
  • Smart Copy and Paste:
  • Copy (Ctrl+C) and Paste (Ctrl+V) is a simple task to perform and every editor is doing it, but there is a way to make it even simpler and faster.
  • The idea behind Smart Copy is that you do not need to select anything. Whenever the caret is on a word that's not selected, pressing Ctrl+C (or Ctrl+X) creates the selection for you and then copies (or cuts) the selection to the clipboard.
  • Because you need normal Paste most of the time, Smart Paste (Ctrl+Shift+V) selects the current word and then overwrites this with the text you have on the clipboard.
  • Note: Smart Copy and Paste selects whatever would be selected by double clicking in the exact position.
  • Quick Access Panel:
  • Inspired by HomeSite, TopStyle 5 now includes a vertical toolbar with quick access to: (un)indent, wrap tag, word wrap, hidden character toggle, line numbers, split screen, full screen toggle, and other useful items.
  • Drag-and-drop editing:
  • TopStyle 5 re-introduces something that is long overdue: drag-and-drop editing.
  • New menu layout:
  • Over the years, the TopStyle menus have grown a lot, and the organization of those menus hasn't always, uhm, made sense. For TopStyle 5, we decided to re-design the TopStyle menus. Everything CSS-related is now under a new CSS menu, and the confusing Tools menu is gone.
  • New IDE colors:
  • TopStyle 5 includes new syntax color coding based upon the Solarized color scheme.
  • iWebKit 5:
  • TopStyle 5 includes iWebKit 5 - a framework designed to help you create your own iPhone, iPod Touch and iPad compatible website or webapp.
  • Start a new iWebKit 5 project via File > New Site > iWebKit.
  • Add a new iWebKit 5 page to your site via File > New HTML Document > iWebKit.
  • the 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 a couple of minutes you will have created a professional looking mobile website. iWebKit is the framework of choice because it is very easy to use, loads extremely fast, and is compatible with all iOS devices.

New in TopStyle 4.0.0.65 (Sep 12, 2009)

  • TopStyle 4 includes many new features to help you create and maintain CSS and (X)HTML documents that support best practices and the latest technologies.
  • Unicode
  • 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).
  • When you open an existing document (File > Open), TopStyle will try and auto-detect the encoding for the document you're trying to open. If the document you're trying to open does not contain a BOM (byte-order mark), auto-detect assumes your document is ANSI-encoded (the TopStyle 3.x default).
  • Note: TopStyle will always include a BOM (byte-order mark) with your Unicode-encoded documents.
  • 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.
  • Note: when you save your document, it is automatically uploaded to your FTP site. TopStyle makes FTP totally transparent. You are not bothered with downloading (and/or uploading) your document(s) by hand.
  • Last but not least, you can upload your local documents (the ones not downloaded from a FTP site) to your FTP site(s) via File > Save to FTP.
  • 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.
  • Simply click and hold down the mouse button on a HTML toolbar item, and then drag the item from the HTML toolbar anywhere into your document. When you release your mouse button, a snippet is inserted into your document. Some HTML toolbar items optionally display a dialog where you can configure the snippet before it is inserted.
  • You can apply a HTML toolbar item to selected text as well. Select some text in your document, then click a HTML toolbar item and release the mouse button without dragging the item out of the HTML toolbar.
  • Note: HTML toolbar items are stored under Documents and Settings\Application DataBradsoft.comTopStyle4.0 (Windows XP) or Users\AppDataRoamingBradsoft.comTopStyle4.0 (Windows Vista). Advanced users can create their own HTML toolbar items.
  • New style definitions
  • TopStyle includes new style definitions for IE8 (Microsoft Internet Explorer 8), FF3 (Mozilla FireFox 3), and SF3 (Apple Safari 3).
  • Insight for scripting languages
  • TopStyle includes Script Insight for ASP (both JavaScript and VBScript), PHP, and ColdFusion.
  • Code folding
  • In addition to CSS rule collapsing, TopStyle allows you to collapse...
  • Comments in CSS and HTML
  • PHP and ASP blocks in HTML
  • JavaScript functions and compound statements (such as while, try, and switch)
  • Bookmarks
  • 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.
  • Choose Toggle Bookmarks from the editor context menu to set or clear up to 10 bookmarked locations in each document you have open in the editor. Bookmarks let you save your place within a long document. You can also press Ctrl+Shift and the number of the bookmark to set or change the location of a bookmark. When a bookmark is set, you see a box in the left margin of the editor with the bookmark number in it.
  • Choose Goto Bookmarks from the editor context menu to display a list of bookmarked locations you can jump to in the editor. You can also jump to bookmarks by typing Ctrl + the number of the bookmark.
  • 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).
  • TopStyle's full screen preview (F12) enables experimenting with different IE8 document compatibility modes, so you can see how they affect the rendering of your pages. Because the full screen preview may be split in two panels, each preview panel has its own IE8 document compatibility mode!
  • 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
  • TopStyle includes new (HTML) templates for HTML 5, ASP JavaScript, ASP VBScript, ASP.NET C#, and ASP.NET VB.
  • Support for the latest web browsers
  • TopStyle auto-detects the latest (external) browsers, including Mozilla Firefox, Apple Safari, Opera, and Google Chrome.
  • Additionally, the (internal) preview for Mozilla Gecko (Mozilla FireFox) has been updated to support the latest version of Mozilla Gecko (Mozilla FireFox).
  • 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 December 2008 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.

New in TopStyle 3.5 (Sep 12, 2009)

  • Added: "Box Spy" - exposes an HTML tag's margins, padding and content box as you mouse over it in the preview
  • Added: External URLs may now be used as preview files when editing CSS documents (IE only) (28922)
  • Added: "Find in Files" now supports replace (Edit > Find/Replace in Files)
  • Added: Style definition for Firefox 2 (73921)
  • Added: Style definition for Internet Explorer 7
  • Added: Style definition for Safari 2 (36348)
  • Added: Style definition for Opera 9
  • Added: Style definition for Outlook 2007 (HTML email)
  • Added: IE7, FF2 and O9 added to property help
  • Added: Support for PNG images in the thumbnail viewer
  • Added: Site Reports now supports multiple class names within a single class attribute (ex: ). The first time you open a site created in a previous version, TopStyle will quickly scan its HTML files for multiple class names, and if any exist, you'll be prompted to upgrade the site. Note that the upgrade must be performed in order to open the site in v3.5.
  • Added: Progress bar added to site-related operations (reports, etc.)
  • Added: Insight now displays HTML entities when & pressed in content
  • Added: Navigation buttons added to full screen preview (27891)
  • Added: Color picker now enables entering (or pasting) a six-digit hex value (58995)
  • Added: Hitting TAB when text is selected now indents the selected lines of text
  • Added: Preview files dialog now enables multi-select (for deleting multiple preview files)
  • Added: Preview files "Add Url" dialog now automatically inserts "http://"
  • Added: Safari for Windows auto-detected as external browser
  • Added: "Quick Options" added to Options menu and editor context menu
  • Added: Support for printing in color (72294)
  • Added: "Close other tabs" added to editor context menu
  • Added: TopStyle now uses the same error reporting feature that's used by FeedDemon
  • Added: "Reopen" added to File menu
  • Added: "Refresh" button added to file panel
  • Added: Performance improvements throughout (hat tip to FastMM)
  • Added: Ctrl+M now supports PHP comments
  • Added: Hitting TAB when text is selected now indents the selected lines of text
  • Added: "Automatically check for new versions" added to General page in Options (checks once a week for new versions of TopStyle)
  • Added: "Edit All in Group" added to site summary context menu (ex: opens all files in selected folder)
  • Added: The editor tab tooltip for HTML documents now includes the
  • Added: Find/replace in files now enables searching just the current document
  • Added: Confirmation dialog when using "Replace All" now moves to avoid obscuring the selection
  • Added: Find/replace now scrolls the matched text to the middle of the screen, to provide better context
  • Added: Clicking the "Edit" toolbutton below a site report now highlights the selected class or ID in the editor
  • Changed: "File list panel" renamed to "File explorer panel"
  • Changed: The thumbnail viewer is now embedded below the file explorer. Selecting a thumbnail will highlight it in the file list, and selecting an image in the file list will highlight it in the thumbnail viewer.
  • Changed: HTML Tidy (Tidy.exe) upgraded to June 13, 2007 version
  • Changed: Style definitions for Safari 1.0, Opera 8, Netscape 4 (Mac), Konquerer, and Netscape 8 are no longer included in the install (but they won't be removed if you already have them)
  • Changed: Comment tags no longer inserted when selecting HTML|Insert Style Block
  • Changed: "Remove existing styles before previewing" moved from Options dialog to preview options toolbutton
  • Changed: "File list panel" renamed to "File explorer panel"
  • Changed: Thumbnail viewer moved to file explorer panel
  • Changed: Color values (both named and hex) are now inserted in lowercase by default (this can be changed on the "Colors" page in TopStyle's options)
  • Changed: When "auto-convert special characters" is enabled, the conversion is now skipped when typing inside a comment
  • Fixed: TopStyle's help fails to load on Windows Vista (75255)
  • Fixed: "Color grabber" (eyedropper icon) in TopStyle's color picker fails on Windows Vista (95879)
  • Fixed: Style checker incorrectly flags 'inline-block' as an invalid display value in CSS 2.1 (52804)
  • Fixed: Style checker incorrectly gives generic family name warning when 'inherit' used for font-family
  • Fixed: Content-type doesn't include 'text/html' when using W3C HTML Validator (72220)
  • Fixed: Style sweeper removes last declaration in rule when it doesn't end with a semi-colon (51045)
  • Fixed: Style sweeper fails to move at-rules to the top when sorting selectors logically (78484)
  • Fixed: "Open from Web" needs to insert HTML comment after DOCTYPE or XML prolog, and CSS comment after @charset declaration (52460)
  • Fixed: Find dialog doesn't accommodate user-modified system font sizes (50155)
  • Fixed: TopStyle may start partially obscured on multimon systems when secondary monitor is "higher" than the primary (49389)
  • Fixed: Exception when loading trial version if older version of TopStyle Lite installed after installing trial version (63211)
  • Fixed: Embedded browser doesn't support Ctrl+C and other standard shortcuts (63743)
  • Fixed: Class names containing hyphens aren't color-coded correctly (61205)
  • Fixed: Can't cut, copy or paste color values in color picker
  • Fixed: Files with no extension can't be opened from the file panel (69428)
  • Fixed: Default keyboard shortcuts can be deleted (72183)
  • Fixed: Access violation when using TopStyle over VNC (71285)
  • Fixed: Clicking +/- buttons in palette editor selects that color in the editor (50731)
  • Fixed: Changes aren't reflected when "Synchronize the preview with editor position" is enabled and IE7 is installed
  • Fixed: Status bar shows the wrapped line number instead of the unwrapped line number when word-wrap is enabled (30539)
  • Fixed: Form controls don't reflect current XP theme
  • Fixed: Insight doesn't accommodate multiple class names (35819)
  • Fixed: Files which use the Mac EOL format are converted to PC EOL format when saved in TopStyle
  • Fixed: Opera 9 not auto-detected as external browser
  • Fixed: Safari for Windows doesn't show current document when selected from external browser list
  • Fixed: Install fails to warn when TopStyle is already running
  • Fixed: TopStyle Lite consistently fails to start on limited accounts
  • Fixed: Refresh toolbutton on file panel doesn't refresh folders
  • Fixed: Invalid thumbnail images show up as empty boxes (changed to write "Error" on the thumbnail)
  • Fixed: TopStyle Lite consistently fails to start on limited accounts
  • Fixed: Refresh toolbutton on file panel doesn't refresh folders
  • Fixed: Invalid thumbnail images show up as empty boxes (changed to write "Error" on the thumbnail)
  • Fixed: Thumbnail viewer shows wrong size when large fonts are used (102914)
  • Fixed: Auto-generated CSS preview doesn't handle definition lists correctly (104260)
  • Fixed: Hex values typed into the color picker don't honor the "Lowercase hexadecimal color values" setting
  • Fixed: Crash at closing when preview is showing an active embedded object (such as a running YouTube video)
  • Fixed: Panel captions too large when using large fonts
  • Fixed: Thumbnail viewer doesn't reload when hitting refresh
  • Fixed: "Edit Preview Files" doesn't show filenames in tooltip
  • Fixed: "Edit Preview Files" leaves multiple files selected after re-ordering
  • Fixed: Error when checking for hyperlink at cursor (99261)
  • Fixed: Error attempting to make TopStyle the default CSS editor under non-admin Vista (102104)
  • Fixed: Error adding TopStyle to IE's list of HTML editors under non-admin Vista (107382)
  • Fixed: Exception when clicking an empty link in the preview
  • Fixed: TopStyle's "user" folder not always successfully copied to "Application Data" folder when the multi-user install option was chosen
  • Fixed: "File in use" error when style sheet displayed in dual full screen preview
  • Fixed: Color-coding of tags doesn't account for embedded PHP/ASP
  • Fixed: Invalid tag inserted when JavaScript filed drag-and-dropped onto XHTML document
  • Fixed: Color picker shows previous color selection
  • Fixed: "Read only file" warnings in message panel appear under the wrong filename when doing a replace in files
  • Fixed: Insight for the current CSS property doesn't automatically appear if there are no spaces between the cursor position and the close brace
  • Fixed: Sibling selectors incorrectly appear in orphan classes report
  • Fixed: Style Sweeper adds extra ";" to end of style rule when preceded by a comment
  • Fixed: Style Sweeper removes double-spacing inside comments even when "remove blank lines" isn't selected
  • Fixed: Style Sweeper removes comments that appears right after a declaration if immediately preceded by another comment
  • Fixed: Style Sweeper fails to correctly indent comments that appear above indented declaration
  • Fixed: Style Sweeper removes comments that appear before a declaration's semi-colon when reformatting color values
  • Fixed: Can't use Ctrl+C in site reports editor
  • Fixed: If a style rule isn't closed, subsequent rules don't color-code correctly even after typing a "}" to close the rule
  • Fixed: When building a site, @import statements are ignored in HTML documents which use Eric Meyer's highpass filter hack (109347)
  • Fixed: "Find/Replace in Files" fails with search strings longer than 255 characters
  • Fixed: File error when switching between embedded IE and the Mozilla Control
  • Fixed: Crash under Windows Vista when using the default style preview if the current style sheet contains an applet selector

New in TopStyle 3.12 (Jan 10, 2008)

  • Added "Box Spy" - exposes an HTML tag's margins, padding and content box as you mouse over it in the preview
  • Added External URLs may now be used as preview files when editing CSS documents (IE only) (28922)
  • Added "Find in Files" now supports replace (Edit>Find/Replace in Files)
  • Added Style definition for Firefox 2 (73921)
  • Added Style definition for Internet Explorer 7
  • Added Style definition for Safari 2 (36348)
  • Added Style definition for Opera 9
  • Added Style definition for Outlook 2007 (HTML email)
  • Added IE7, FF2 and O9 added to property help
  • Added Support for PNG images in the thumbnail viewer
  • Added Site Reports now supports multiple class names within a single class attribute (ex ). The first time you open a site created in a previous version, TopStyle will quickly scan its HTML files for multiple class names, and if any exist, you'll be prompted to upgrade the site. Note that the upgrade must be performed in order to open the site in v3.5.
  • Added Progress bar added to site-related operations (reports, etc.)
  • Added Insight now displays HTML entities when & pressed in content
  • Added Navigation buttons added to full screen preview (27891)
  • Added Color picker now enables entering (or pasting) a six-digit hex value (58995)
  • Added Hitting TAB when text is selected now indents the selected lines of text
  • Added Preview files dialog now enables multi-select (for deleting multiple preview files)
  • Added Preview files "Add Url" dialog now automatically inserts "http//"
  • Added Safari for Windows auto-detected as external browser
  • Added "Quick Options" added to Options menu and editor context menu
  • Added Support for printing in color (72294)
  • Added "Close other tabs" added to editor context menu
  • Added TopStyle now uses the same error reporting feature that's used by FeedDemon
  • Added "Reopen" added to File menu
  • Added "Refresh" button added to file panel
  • Added Performance improvements throughout (hat tip to FastMM)
  • Added Ctrl M now supports PHP comments
  • Added Hitting TAB when text is selected now indents the selected lines of text
  • Added "Automatically check for new versions" added to General page in Options (checks once a week for new versions of TopStyle)
  • Added "Edit All in Group" added to site summary context menu (ex opens all files in selected folder)
  • Added The editor tab tooltip for HTML documents now includes the
  • Added Find/replace in files now enables searching just the current document
  • Added Confirmation dialog when using "Replace All" now moves to avoid obscuring the selection
  • Added Find/replace now scrolls the matched text to the middle of the screen, to provide better context
  • Added Clicking the "Edit" toolbutton below a site report now highlights the selected class or ID in the editor
  • Changed "File list panel" renamed to "File explorer panel"
  • Changed The thumbnail viewer is now embedded below the file explorer. Selecting a thumbnail will highlight it in the file list, and selecting an image in the file list will highlight it in the thumbnail viewer.
  • Changed HTML Tidy (Tidy.exe) upgraded to June 13, 2007 version
  • Changed Style definitions for Safari 1.0, Opera 8, Netscape 4 (Mac), Konquerer, and Netscape 8 are no longer included in the install (but they won't be removed if you already have them)
  • Changed Comment tags no longer inserted when selecting HTML|Insert Style Block
  • Changed "Remove existing styles before previewing" moved from Options dialog to preview options toolbutton
  • Changed "File list panel" renamed to "File explorer panel"
  • Changed Thumbnail viewer moved to file explorer panel
  • Changed Color values (both named and hex) are now inserted in lowercase by default (this can be changed on the "Colors" page in TopStyle's options)
  • Changed When "auto-convert special characters" is enabled, the conversion is now skipped when typing inside a comment
  • Fixed TopStyle's help fails to load on Windows Vista (75255)
  • Fixed "Color grabber" (eyedropper icon) in TopStyle's color picker fails on Windows Vista (95879)
  • Fixed Style checker incorrectly flags 'inline-block' as an invalid display value in CSS 2.1 (52804)
  • Fixed Style checker incorrectly gives generic family name warning when 'inherit' used for font-family
  • Fixed Content-type doesn't include 'text/html' when using W3C HTML Validator (72220)
  • Fixed Style sweeper removes last declaration in rule when it doesn't end with a semi-colon (51045)
  • Fixed Style sweeper fails to move at-rules to the top when sorting selectors logically (78484)
  • Fixed "Open from Web" needs to insert HTML comment after DOCTYPE or XML prolog, and CSS comment after @charset declaration (52460)
  • Fixed Find dialog doesn't accommodate user-modified system font sizes (50155)
  • Fixed TopStyle may start partially obscured on multimon systems when secondary monitor is "higher" than the primary (49389)
  • Fixed Exception when loading trial version if older version of TopStyle Lite installed after installing trial version (63211)
  • Fixed Embedded browser doesn't support Ctrl C and other standard shortcuts (63743)
  • Fixed Class names containing hyphens aren't color-coded correctly (61205)
  • Fixed Can't cut, copy or paste color values in color picker
  • Fixed Files with no extension can't be opened from the file panel (69428)
  • Fixed Default keyboard shortcuts can be deleted (72183)
  • Fixed Access violation when using TopStyle over VNC (71285)
  • Fixed Clicking /- buttons in palette editor selects that color in the editor (50731)
  • Fixed Changes aren't reflected when "Synchronize the preview with editor position" is enabled and IE7 is installed
  • Fixed Status bar shows the wrapped line number instead of the unwrapped line number when word-wrap is enabled (30539)
  • Fixed Form controls don't reflect current XP theme
  • Fixed Insight doesn't accommodate multiple class names (35819)
  • Fixed Files which use the Mac EOL format are converted to PC EOL format when saved in TopStyle
  • Fixed Opera 9 not auto-detected as external browser
  • Fixed Safari for Windows doesn't show current document when selected from external browser list
  • Fixed Install fails to warn when TopStyle is already running
  • Fixed TopStyle Lite consistently fails to start on limited accounts
  • Fixed Refresh toolbutton on file panel doesn't refresh folders
  • Fixed Invalid thumbnail images show up as empty boxes (changed to write "Error" on the thumbnail)
  • Fixed TopStyle Lite consistently fails to start on limited accounts
  • Fixed Refresh toolbutton on file panel doesn't refresh folders
  • Fixed Invalid thumbnail images show up as empty boxes (changed to write "Error" on the thumbnail)
  • Fixed Thumbnail viewer shows wrong size when large fonts are used (102914)
  • Fixed Auto-generated CSS preview doesn't handle definition lists correctly (104260)
  • Fixed Hex values typed into the color picker don't honor the "Lowercase hexadecimal color values" setting
  • Fixed Crash at closing when preview is showing an active embedded object (such as a running YouTube video)
  • Fixed Panel captions too large when using large fonts
  • Fixed Thumbnail viewer doesn't reload when hitting refresh
  • Fixed "Edit Preview Files" doesn't show filenames in tooltip
  • Fixed "Edit Preview Files" leaves multiple files selected after re-ordering
  • Fixed Error when checking for hyperlink at cursor (99261)
  • Fixed Error attempting to make TopStyle the default CSS editor under non-admin Vista (102104)
  • Fixed Error adding TopStyle to IE's list of HTML editors under non-admin Vista (107382)
  • Fixed Exception when clicking an empty link in the preview
  • Fixed TopStyle's "user" folder not always successfully copied to "Application Data" folder when the multi-user install option was chosen
  • Fixed "File in use" error when style sheet displayed in dual full screen preview
  • Fixed Color-coding of tags doesn't account for embedded PHP/ASP
  • Fixed Invalid tag inserted when JavaScript filed drag-and-dropped onto XHTML document
  • Fixed Color picker shows previous color selection
  • Fixed "Read only file" warnings in message panel appear under the wrong filename when doing a replace in files
  • Fixed Insight for the current CSS property doesn't automatically appear if there are no spaces between the cursor position and the close brace
  • Fixed Sibling selectors incorrectly appear in orphan classes report
  • Fixed Style Sweeper adds extra ";" to end of style rule when preceded by a comment
  • Fixed Style Sweeper removes double-spacing inside comments even when "remove blank lines" isn't selected
  • Fixed Style Sweeper removes comments that appears right after a declaration if immediately preceded by another comment
  • Fixed Style Sweeper fails to correctly indent comments that appear above indented declaration
  • Fixed Style Sweeper removes comments that appear before a declaration's semi-colon when reformatting color values
  • Fixed Can't use Ctrl C in site reports editor
  • Fixed If a style rule isn't closed, subsequent rules don't color-code correctly even after typing a "}" to close the rule
  • Fixed When building a site, @import statements are ignored in HTML documents which use Eric Meyer's highpass filter hack (109347)
  • Fixed "Find/Replace in Files" fails with search strings longer than 255 characters
  • Fixed File error when switching between embedded IE and the Mozilla Control
  • Fixed Crash under Windows Vista when using the default style preview if the current style sheet contains an applet selector