Stylizer Changelog

What's new in Stylizer 7.17.830.1411

• HTML Elements Panel:
• Stylizer 7 now provides a real-time view of the HTML DOM. Use it to drill down into elements that are invisible or difficult to hit with Bullseye, to quickly highlight and Bullseye adjacent elements, and to understand the overall structure of the page.
• The Elements panel can be quickly toggled on and off when you need it. Each preview pane has its own panel, and you can dock them against any edge.
• CSS DOM Viewer:
• Stylizer 7 can show you a real-time tree of the browser's view of your style sheets—the CSS DOM. Due to differences between browsers, the CSS you write almost never ends up being interpreted by the browser exactly as you wrote it. The CSS DOM pane not only reveals which rules and declarations were accepted by the browser, it's even smart enough to recognize which declarations in your source code produced which declarations in the DOM.
• The CSS DOM viewer is linked in real-time to the Code Grid, highlighting and updating as you work. In the screenshot above, notice how Stylizer has identified the first two declarations in the DOM rule (on the left) as being produced by the border-left declaration currently selected in the Code Grid (on the right).
• The CSS DOM viewer is an integrated part of the HTML Elements panel. If you have multiple preview panes open at once, the Code Grid will be linked to all of them, revealing subtle differences between browsers that are often the reason some problems take hours instead of minutes to fix.
• New Look-and-Feel:
• We've redrawn the user interface from the top of the menu to the bottom of the breadcrumb to give it a subtle, lightweight, more modern feel. The application-wide dark theme has now returned as an option in Stylizer 7. We hope you'll find it pleasing whether you're using a Retina Mac, HiDPI Windows computer, or just an ordinary display.
• Inline Style Sheets:
• Style sheets embedded within your HTML in tags are now a part of Bullseye. Rules in these style sheets appear alongside other Bullseye results, and the style sheets themselves can be opened into the CSS DOM viewer.
• In the screenshot above, notice the rules affecting the selected CSS "color" property are being sourced from (1) an external CSS file (2) a rule in a tag, and (3) an inline style declaration.
• Other Great Improvements:
• Customizable Toolbar You can now customize the toolbar to include additional buttons for things like Stakeout, Rulers, and Bookmarks. Right-click on the drop-down button with the browser icon on it to add or remove buttons.
• Single Bullseye Pane Stylizer 7 now displays one persistent Bullseye results pane, anchored to the bottom of the window, and shared between all preview panes. This provides more width to display results for narrow panes, and ensures the preview window stays the same shape when entering and leaving Bullseye.
• Updated Browser Plugins We've updated the browser plugins to Firefox 54 and Chrome 59, with regular updates to follow.
• Stable and Beta Update Channels You can now opt-in to receive Stylizer 7 updates that are marked as "beta" and download and install them the same way you receive other updates. Find the option in the About Stylizer window.
• Windows: 64-bit Binary Stylizer now runs as a 64-bit application on Windows, and the browser plugins have been updated with 64-bit versions as well. (A 32-bit version of Stylizer 7 is also available).
• Windows: Better Compatibility With Anti-Virus Products Because of the unconventional way Stylizer integrates web browsers into its preview panes, it has often been flagged as a "false positive" by anti-virus products. With Stylizer 7, many internal components have been rewritten to significantly reduce the likelihood of a conflict with an anti-virus product.
• Windows: New Installation And Update Engine We've replaced our old installer and automatic updater with a snappy new engine that installs and delivers updates more fashionably and reliably than ever before.
• Mac: Better Error Recovery Stylizer for Mac is now able to recover from many different kinds of errors, and we've improved the error reporting engine too to help us fix problems faster.
• Mac: TLS/1.2 Support Stylizer 7 now works correctly with web servers that require all HTTPS traffic to arrive over TLS/1.2.