Solved

Xyle SCope equivalent for Windows?

Posted on 2006-06-16
3
1,809 Views
Last Modified: 2013-11-18
I was shown a cool program for a mac call Xyle Scope.http://www.culturedcode.com/xyle/
It takes a webpage and shows you ur CSS.  Sure other firefox plugins do that too but this one actually shows you the CSS rule that is in effect.

Unfortunately they only make it for Mac. Anyone seen a similar program for Windows? PLEASE help me. Thanks

http://www.culturedcode.com/xyle/
0
Comment
Question by:rpong
  • 2
3 Comments
 
LVL 17

Accepted Solution

by:
mreuring earned 500 total points
ID: 16929581
Hmmm, if you just use the developer toolbar in firefox and select 'View Style information' from the 'CSS' menu, you can click on any element in the page and get all the current style information plus what line in which css files caused that particular style-property. This would work on windows just fine unles:

Now I have not bothered to test xyle, but that's because I didn't think xyle could offer anything beyond what I just described :) Please let me know if it does, I happily own a mac so I can't be bothered that it doesn't work in windows!!!

Hope this helps,

  Martin
0
 

Author Comment

by:rpong
ID: 16936283
Yea that helps a bunch.  I didn't know that option was avaible through Firefox dev tools.  I just recently started to use the CSS Editor but haven't had the time to play around with it much.  

Thanks for the suggestion and it's exactly what I needed.  Not as robust as Xyle but works none the less.  

0
 
LVL 17

Expert Comment

by:mreuring
ID: 16940353
Well, if I may add another suggestion, I recommend installing FireBug. Together with the Web Developer extension I don't know what else I could add to FireFox to make it better for my developement :)
0

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question