HTML-Kit ChangeLog

20131106 - HTML-Kit Tools update with over 50 additions;

+ Search in all open documents. To use this feature, press Ctrl+F, enter some text to find and click "Find in Open Documents." Supports searching as plain text, regex and various attributes.Rating:  

+ Replace in all open documents. To use this feature, press Ctrl+H, fill in the fields and click "Replace in Open Documents."Rating:  

+ Create multiple selections in the editor, and change text in those selections all at once. Hold the Ctrl key down and double click some text ("Edit > Select > Create multiple selections"). Repeat to make more selections. Type some text to update all selections at once. To insert a single piece of text at multiple locations at the same time, hold the Ctrl key down, left-click each target location and then type the text. Press Escape to return to single-selection mode.

+ Easily change preview resolution, to test how your pages look in various screen sizes found in smart phones, tablets and other devices. Especially useful for testing responsive design. To use this feature, open a HTML document, press F12 and click preview monitor icon on the bottom. Dimensions are automatically applied as you move mouse pointer over the presets.

+ Rulers for adjusting the size of preview window and for taking approximate measurements. To use this feature, open a HTML document, press F12 and hover over the rulers. Pixel markers at 10th, 50th and 100th increments can be used as guides when resizing. The adjusted size of the preview is displayed on the Status Bar, next to line and column numbers.

+ Redesigned User Interface Theme picker makes it easier to try out color themes, colorizer styles and font settings in real-time, without having to go through preferences dialog. To use this feature, open a document and click the UI Theme icon on the menu bar (near "Help" menu).

+ Thin large font for a more comfortable viewing of code on high resolution monitors. To find the font setting most suitable for your display, open a document and click User Interface Theme icon on the menu bar (near the "Help" menu). Then hover over a font to view the current document in that font.

+ View file content without explicitly opening files in project windows. To use this feature, open a project window and single-click on a local file. Each file you click on, or select using Up/Down arrow keys, will open for a quick look. To temporarily disable this feature, hold the Shift key down while clicking files. To keep it disabled, use the "Edit > Preferences > Projects > Provide a quick look when selecting files" option.

+ Quickly create multiple documents using the "File > New > New multiple files" main menu option. This feature can be used, for example, to create index.html, style.css and script.js files in one pass instead of creating them separately.

+ Option for inserting place-holder images of any size and color for testing page layouts. To generate an image, press Ctrl+Enter and select "Create place-holder image."

+ Image Picker now supports inserting images as data URIs ("data:image/png;base64"). To use this feature, hold the Shift key down while selecting an image from the Image Picker (invoked from the top right-hand corner of the menu bar). For browser compatibility reasons, only images smaller than 64K can be made data URIs.

+ Screen Capture Utility for taking screenshots of work in progress, for example, to get feedback from users and clients. To use this feature, click the camera icon on the top right-hand corner of the menu bar and select "Capture Selected Area (Ctrl+PrintScreen)." Select the area to capture and double click (or press Enter) to save.

+ Screen Capture Utility can also be used for creating slide shows to demo your pages and apps, or even to create demos of HTML-Kit Tools itself. To get started, use the "Start capturing for slide show" option on Screen Capture Utility menu. The slide shows can be exported as simple HTML as well as fully functional reveal.js slides.

+ Document tabs now use a more noticeable flag icon to indicate modified status. Previously, a "*" was used as the indicator. The color of modified flag can be customized under "Edit > Preferences > Appearance > Misc > Modified indicator color."

+ Actions Bar can be toggled on and off, using the new icon next to newsfeed icon on the menu bar.

+ New Line Ending Picker. This redesigned picker appears when clicking line ending mode label (Windows, UNIX or Mac Classic) on the Status Bar, and temporarily turns on line ending character display in the editor.

+ When character encoding indicator is enabled ("Edit > Preferences > Files > Show file encoding on the Status Bar"), clicking that label on the Status Bar brings up a new Character Encoding Picker. The current encoding is displayed in a bold font.

+ Project label color on document tabs changed from a rectangle to the project window icon (displayed in label color).

+ "Help > Check for Updates" and "Tools > Install Plugins" windows now have a consistent look on various versions of Windows.

+ User Interface theme, application window size/location, and language settings are remembered between general releases as well as TreeHouse builds. This takes effect for updates installed over this update.

+ Remembers the last used profile between sessions. When a profile is selected from "Kit > Profile" menu, that profile remains active during restarts until a new profile is selected. To reset to the default profile, select "Kit > Profile > Default" from the main menu. If a profile is specified on the command line, that profile is used instead of the last used profile.

+ Experimental support for beautifying HTML. To use this feature, open a plain HTML file (not a PHP or other type of file with non-HTML code), and click "Beautify HTML" option on the bottom. Checking HTML markup for errors is highly recommended, using a tool such as HTML Tidy (F9), before and after beautifying.

+ Reduce the size of HTML files by removing extra whitespace and comments. To use this feature, open a plain HTML file and click "Minify HTML" option on the bottom.

+ Check for typos and common erros in CSS. To use this feature, open a *.css file and click "Validate CSS" option on the bottom. To validate a portion of CSS, select a block of CSS before invoking this option.

+ Reduce the size of *.css files by minifying CSS. To use this feature, open a *.css file and click "Minify CSS" option on the bottom. The minified CSS opens in a new editor window with the *.min.css extension, ready to be saved.

+ Beautify JavaScript. To use this feature, open a JavaScript file and click "Beautify JavaScript" option on the bottom. Select a block of JavaScript code before invoking this option to beautify portion of JavaScript.

+ Check the quality of JavaScript code using the popular JSLint tool written by Douglas Crockford. To use this feature, open a *.js file and click "Validate JavaScript" option on the bottom.

+ Reduce the size of *.js files by minimizing JavaScript. To use this feature, open a JavaScript file and click "Minify JavaScript" option on the bottom. The minified version opens in a *.min.js editor window, ready to be saved.

+ Option for converting plain text and text with Markdown formatting to HTML. To use this feature, select some text, press Ctrl+Enter and invoke "Convert selected Markdown text to HTML." For examples of Markdown text, select "File > New > HTML document from plain text" from the main menu.

+ Option for converting LESS style files to CSS. To use this feature, open a LESS style sheet (*.less) and click "Convert to CSS" on the bottom.

+ Ctrl+Enter option for converting selected LESS styles to CSS. To see this in action, type some LESS code (such as ".one { font-weight:bold; .two { color:blue; } }" without quotes), select it and press Ctrl+Enter.

+ Option for converting CoffeeScript files to JavaScript. To use this feature, open a *.coffee file and click "Convert to JavaScript" on the bottom. Also supports converting only the selected block of CoffeeScript code to JavaScript.

+ Ctrl+Enter option for converting selected CoffeeScript code to JavaScript. To try this feature, type some CoffeeScript code (such as "a = (b) -> b * b" without quotes), select it and press Ctrl+Enter.

+ Initial support for colorizing CoffeeScript files (*.coffee).

+ Initial support for colorizing YAML files (*.yaml).

+ Initial support for colorizing Diff files (*.diff).

+ Initial support for colorizing PowerShell files (*.ps1).

+ Faster startup. These speed optimizations should be noticeable after the initial installation of updates.Rating:  

+ Speed improvements related to opening documents and split preview (Ctrl+F12).Rating:  

+ Smoother rendering of line numbers.

+ "Select Next Attribute (Ctrl+])" and "Select Previous Attribute (Ctrl+[)" options on "Edit" menu for navigating markup.

+ Improved F4 keyboard shortcut, which can be used to toggle between the current editor window and the project window.

+ Updated Opera browser options on "View > Preview" menu to support the latest versions of Opera.

# HTML Tidy tab is no longr displayed for non-HTML files.

20130615 - Matching tag highlighting; Repeat last action using F6; View CSS rgb() colors as you edit; Updated W3C Markup Validation plugin;

+ Automatically highlights matching tags when the caret is inside a tag. [...]Rating:  

+ Hovering the mouse pointer over a tag highlights opening and closing tags. This makes it easier to see where nested blocks start and end.Rating:  

+ Ctrl+M now supports jumping to the matching tag when the caret is inside a tag. It can still be used to jump to the matching brace when the caret is at a {} [] () character.Rating:  

+ Marks made by Go to Matching Tag command (Ctrl+M) can be cleared by pressing the ESCape key.Rating:  

+ Ctrl+Shift+M can be used to select between matching tags as well as matching braces. [...]Rating:  

+ Added F6 ("Tools > Repeat Last Plugin Action") for repeating the last plugin action. Currently supports actions related to inserting text. [...]

+ View CSS colors in rgb() and rgba() formats as you edit. This works similar to the way #0F0 and #00FF00 hex colors are highlighted. Colors such as rgb(0,255,0), rgb(0%,100%,0%), rgba(0,255,0, .2) and rgba(0%,100%,0%, .2) are underlined with the specified color for quick reference. [...]Rating:  

+ Richhint popup shows rgb() and rgba() colors at the caret. [...]Rating:  

+ "View > Editor > Refresh" for refreshing the current document view. This mainly affects the colorizer view.

+ Double clicking the document tab refreshes the colorizer view of the current document, in addition to bringing caret line into focus.

+ Caret line, which highlights the background of the current line, stays visible even when the editor doesn't have focus.

+ Supports running on new Windows 8.1 Preview, in addition to Windows 8.0.Rating:  

+ "Preferences > Projects > Show project name of the current document in application title" option can be used to show the project name associated with the current document.

+ Initial support for colorizing Haxe files (*.hx).

+ Initial support for colorizing Objective C/C++ files (*.m;*.mm).

# Updated W3C Markup Validation plugin to workaround changes on W3C service.Rating:  

20121101 - New coding fonts; Zen Coding support; Case-sensitive option for Ctrl+F; and document tab improvements.

+ Read source code more easily with new font options Source Code Pro and DejaVu Sans Mono. Makes similar looking characters, such as 1, l, i, | and O, o, 0, more legible.Rating:  

+ Support for Emmet coding (previously called Zen Coding). To test this feature, type h1+div#content>ul#mylinks>li*3>a[href]{Link $} and press Ctrl+E. Can also be used to expand individual tags as well: type ul>li*5 and press Ctrl+E.Rating:  

+ Touchscreen Plugins for using your smartphones and tablets to access HTML-Kit Tools plugins.Rating:  

+ Ctrl+Enter keyboard shortcut now offers multiple options, including the previous <br /> shortcut and Emmet/Zen Coding expansion.Rating:  

+ Incremental Search dialog (Ctrl+F) now has an option to toggle Case Sensitive matching.Rating:  

+ Dutch, German and Italian translations written by Gerard, Martin and Luca, have been updated to the latest releases in the setup.

# Improved document tabs so that they stay the same size while switching, reducing the chances of accidentally clicking the next tab.Rating:  

! Fixed a rare error that poped up when invoking Ctrl+F after pasting a large amount of text in the search field.Rating:  

! Fixed an issue that caused TagsReminder to not show up in certain cases.Rating:  

20120815 - Project window with a sleek redesign and more space for folders.

+ Project window has a sleek redesign that reduces clutter and blends in with the selected color theme.Rating:  

+ Action Buttons that used to appear below each folder in project window now appear next to each folder. This frees up more space to view folders and files. The new Action Buttons appear as the mouse pointer hovers over folders.Rating:  

+ New File dialog on project window now shows an option to create files using text from the Clipboard.Rating:  

+ Officially supports running on the final released version (RTM) of Windows 8 desktop.Rating:  

+ Updated the look of the Actions Bar, Channel tabs and New/Open/Save icons on the top left-hand side.Rating:  

+ Document Label Color, which is configured in project windows and folders, now show up on the document tab and the bottom of the editor window.Rating:  

! Fixed an issue where the Image Picker window showed up on the wrong monitor, when Tools is not on the primary monitor of a multi-monitor configuration.

20120801 - Redesigned document tabs; Dark colorizer style; UI customization button; *.LESS support;

+ Document tabs have been redesigned for a better looking editing environment with less distraction. The new tabs make most of available screen space and nicely blends in with the user interface color theme. Supports both light color themes and dark color themes, for the user interface and the colorizer style used by the editor.Rating:  

+ A new dark color themed colorizer style compliments the light color themed colorizer style that comes as the default. To try out the dark colorizer style, click the down arrow on UI customization button and select "Colorizer style > Default dark color theme."Rating:  

+ "UI Customization" button on the Actions Bar, in "Start > Customize" section, for easily changing color themes, colorizer styles, text size and language.Rating:  

+ Initial support for opening and colorizing LESS files. [LESS]( is a popular extension to CSS that implements variables, mixins, operators and functions on top of the current CSS standard.

+ Many other user interface tweaks.

View more items between and
(requires registration)
+ Additions (75; 1441)
! Fixes (3; 75)
# Notes (3; 124)
[...] Additional information viewable in interactive mode -- "Help > Check for Updates" menu option in HTML-Kit Tools.
© 2009 All Rights Reserved.  |  Privacy Statement  |  Linking to this Site  |  Advertising   
HTML design aid