Lightly Toasted

I bought Xylescope yesterday. I’ve been playing with the previous version a bit and its very handy tool for an web developer/ designer on mac. In fact I will go a step further to say it will save you an awful lot of time using Xylescope! Below is a screengrab of one of my gallery pages. On selecting on one of the thumbnail (backlit leaf) you will notice how the hierarchial navigation, HTML view, CSS view and Selector view are all exposed in the one pane!

Xylescope has been designed and developed for looking underneath the surface of web pages as you surf the web - it couldn’t be easier. Using Xylescope you can look forward to analysing complex CSS designs with incredible ease and experimenting with third-party sites, without having to download them onto your own computer first.

Features of Xylescope

• Immediate display of the HTML and CSS sources of the page being visited
• Automatic formatting of source files using an unlimited number of customizable CSS style sheets
• Hierarchical navigation in HTML documents.
• WYSIWYG selection of HTML elements via clicking in the web page being displayed.
• Computation of the CSS cascade for each selected HTML element
• Lists all HTML elements matching a given selector (eg by clicking on a selector in a CSS source file or the computed cascade)
• Highlights the formatting box of each selected HTML element
• Live changing of CSS values of any visited site
• Smart groups and search function to filter large CSS files
• Built in DTD viewer
• You can edit the CSS properties in-situ to see the effect on the webpage without refreshing — WOW
• filter large CSS files using a full-text search function and smart groups

I find the last point to be a real killer as it cuts down a lot of trial and error!