Automatic formatting

Xylescope transparently converts pages with markup errors in the source code into well-formed XHTML. Automatic formatting of the source code guarantees clarity and good readability of the document regardless of the original text quality.

Duty-free

Since Xylescope automatically loads all HTML and CSS files associated with a given page the whole source code is instantly available. You can export the code of the currently selected HTML element (and its descendants) or CSS rules auto-formatted in a clear and customizable way via the pasteboard.

Boxes with format

Xylescope features the most detailed and visually appealing display of the formating box ever seen in any tool. Using a semi-transparent overlay the exact extent of the Formatting Box is highlighted without the need to resort to outlines. Padding and margin are set apart using different colors and patterns - a feature exclusive to Xylescope.

Touching allowed!

You are free to experiment immediately with any page that you visit. In cascade mode, or when looking at whole CSS files, CSS values can be changed in situ. After pressing the enter key the adjoining web pane will refresh immediately.

Selector matching

Clicking on a selector in a style sheet or the cascade will list all HTML elements that match that particular selector. You can then easily cycle through all HTML elements affected by the given selector.

Selector matching can also be used in HTML searches. For example, entering "#content a" in the appropriate search field will find all anchors that are descendants of elements with their id attribute set to "content".

Smart groups

The most striking CSS designs often have several hundreds of style rules. Xylescope enables you to filter large CSS files using smart groups and a full-text search function, thus breaking things down into manageable pieces.

Using smart groups such as "Linkology" or "Layout", will filter out all the rules influencing the way in which links are shown or those responsible for the layout. Entering an additional search term will narrow down the results even further.

Seeing through XHTML

If the technical definitions provided by the W3C always seemed like a closed book, now you can look forward to enjoy studying the element and attribute structures of all three "flavors" of XHTML 1.0 with ease and comparing them with each other.

Xylescope's built-in DTD viewer helps find which elements are valid as children of a given element, which attributes belong to which element and how the entirety of all HTML elements has been categorized by the authors of the XHTML standard.