Xyle scope1.2.4

Name: Xyle scope
Rating: 4.85 (5 reviews)

27 February 2009

Analyze complex CSS designs with ease.

Follow this app Developer website

Overview

Note: Xyle scope is no longer under development, and the developer provides no support for it.

Xyle scope is an elegant analysis tool for everyone interested in Web standards. It's like surfing the Web with an X-ray view. Using Xyle scope you will deepen your understanding of XHTML and CSS, find out how your peers did it, and see your own work with fresh eyes.

The synchronized views of Xyle scope let you easily focus on specific parts of the HTML or CSS sources, view the CSS Cascade and formatting box of HTML elements, and change CSS values in third party sites.

Features

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 (e.g. 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
DTD viewer to get details on the XHTML standard

What's new in Xyle scope

Version 1.2.4: Corrected a Leopard-only bug in version 1.2.2. Web pages that specified font sizes relative to the user agent's default font size were rendered incorrectly. The default font size of Xyle scope was inadvertently set to a smaller size than what is customary for Web browsers

15 Reviews of Xyle scope

An absolute must have, but realize that it is not a competitor of CSSedit or any other CSS writing app. This is meant for the polishing stage of web design. It helps with CSS rules, drilling down to what line of code is causing the problems and experimentation. I do a lot of redesign, so I am not worried about writing CSS from the ground up. I usually have to modify someone else's work. And since all programmers don't code in the same fashion, it can take hours of work to figure out how some people layout the styles. Xyle scope gets right down to the lines of code that I need to modify to change HTML elements, easily, effectively and efficiently. I use this app every damn day!

(8)

Stick in a fork in it. With CSSEdit around, Xle scope is done.

(1)

Show comment (1)

No web developer should leave home without it. If this isn't worth like 15 minutes of your salary then nothing is!!!

(0)

I had just installed version 1.1.7, and it is working fine now! (Fixed the problem with the recent Apple security update!) Am a happy user again! :)

Not working under Tiger OS 10.4.5. Was working fine before, but it broke after I installed the latest security update from Apple.

Truly phenomenal. While there have been ways to kluge together similar info, nothing has ever put it all together so quickly and easily. A very well thought-out and elegant interface, better than on many apps costing several times as much. This is the kind of development I love to see on the Mac! I registered mine already -- these folks deserve or support.

This is a useful app if you have to do any work with CSS. While there are some tools in Safari and Firefox that can provide similar information, as well as some bookmarklet javascript/css hacks, this is the best implementation I've seen. I registered it after about 10 minutes of use.

This application is just so slick. I used it on one of my own sites and it helped me visualise the structure (which I had forgotten and which would have been less clear from the xhtml and css files).

sexy and fine app, does what it says very well and with elegance. i'd be curious if it could provide a way to add new attributes to CSS styles (or i don't know how) beyond just tweaking & altering existing. But it's incredibly well done and really awesome, showing it to other web developers at my job to show how nice it is :)

A very well implemented idea. You can get similar functionality w/ Firefox developer plug in + "show DOM tree" from Safari debug menu, but this is far more elegant and pleasant to look at, which is a very important factor for this type of app I think. This app is well thought out and just "feels right." The reason why it doesn't get 5 stars is because of some strange rendering bug associated with the scroll bar in the 2nd from top right panel. When scrolling up/down the graphic becomes all garbled and I have to resize the panel to "reset" the display to normal. It doesn't happen all the time though so I couldn't troubleshoot it... It could be a "tiger issue" too - not sure... I'm not sure if I actually really need this app though... But I can see how it would be a grate learning tool for CSS beginners. If a CSS editor was implemented as tastefully as what's in there already, then I'd probably buy it in the blink of an eye ;)

Xyle scope1.2.4

Overview

What's new in Xyle scope

Join over 500,000 subscribers.

15 Reviews of Xyle scope

More from HTML