Lively discussions on the graphic arts and publishing — in print or on the web

Go Back   Desktop Publishing Forum > General Discussions > Web Design

Thread Tools Display Modes
Prev Previous Post   Next Post Next
Old 02-08-2006, 08:51 AM   #1
Founding Sysop
ktinkel's Avatar
Join Date: Oct 2004
Location: In Connecticut, on the Housatonic River near its mouth at Long Island Sound.
Posts: 11,189
Default Xylescope CSS tool (Mac OS X)

The interesting Mac-only Xylescope from Cultured Code ($20) is a CSS analyzing tool. It works like a web browser, but allows you to view the entire CSS of any site you visit (including, of course, your own, on the server or in a local file).

It also examines and helps unravel DTDs. If you have the relevant PHP modules, the program will interpret PHP scripts using the built-in OS X Apache server.

When you ask it to examine a page, it shows the HTML in a hierarchical view, with IDs and CLASSes noted. Clicking on page elements shows further details.

The program’s Cascade function shows which CSS rules (including ancestors) affect a selected HTML element. It will mark rules that have been overridden or are not actually used on that page (they could be used on another page, of course).

It allows you to edit the CSS and view the result on the page. It will convert pages with markup errors into well-formed X/HTML and preview the result.

It works with both Safari (whose engine it uses to do its work) and Firefox (and perhaps other browsers) — create a “bookmarklet” and when you click on it in one of those browsers, Xylescope will open the page being viewed so you can examine its CSS.

I have only begun to play with this, so cannot say I understand exactly how to use it. But I did decide to take a look at the calendar page at Dennis’s new site and when I used the selection mode to examine the calendar table, I found that it is being pushed to the left by something (see attachment, which shows a grey area where the table was supposed to be). With a little more time, I may learn how to get this software to illuminate the whys and wherefores.

It has some sort of copy protection — it can only be run on the machine it was installed on (but the license says that you can arrange to move it for an unlimited number of times).
Attached Thumbnails
Click image for larger version

Name:	cal_xyle.png
Views:	158
Size:	15.2 KB
ID:	378  

ktinkel is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Another Font Tool Howard White Fonts & Typography 6 11-15-2006 02:01 PM
Tool for complex charts MarieMeyer Print Design 10 10-22-2006 02:06 PM
Interesting packaging tool ktinkel Print Design 1 08-18-2006 05:52 PM
Color Schemes Tool terrie Print Design 18 03-31-2005 12:17 PM
Web search tool Mike Web Site Building & Maintenance 5 02-09-2005 11:44 PM

All times are GMT -8. The time now is 02:58 AM.

Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Contents copyright 2004–2018 Desktop Publishing Forum and its members.