Solved

Xyle SCope equivalent for Windows?

Posted on 2006-06-16
3
1,794 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

777 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