Re: css click and view :)

Hi Niko,

On Tue, May 6, 2008 at 3:56 PM, Niko Sams <[email protected]> wrote:
> Hi,
>
> I don't know this particular DW feature and have no idea how this
> could be integrated
> in the an editor.
> Could you provide a screenshot or something that describes this feature?
>
Ok, I'll describe the feature. While navigating through the code (or
WYSIWYG area), the CSS pannel shows all the styles applied to the
current cursor position.
For example, if I have a style for 'html', 'body', 'div.test', if
placed inside the div.test would show the current div.test styles and
also the ancestors, and when clicked it would show their style
definitions too.

I think the most powerfull part of this is that you can see all the
(cascading) styles that apply to the current position, and you can
click on the style and go directly to the stylesheet and style
position (or edit in-place), so it's very quick. Also by navigating
the ancestors you can quickly find all styles that apply.

better than words is a screenshot ;)
http://img356.imageshack.us/my.php?image=dwcsseditoryl9.png

and this is the test.css:

html{ color:red; font-size: .5em; }
body{ text-align:center; }
div.test{ font-size: 2em; }
div.other_style{ color:blue;}

> I can recommend Firebug (see http://getfirebug.com/css.html) where you
> can play around
> (with live-preview) and tweak the css. Its not saved to disk though -
> but for trying out stuff
> it is really great.
Firebug is an exelent tool, I've worked with it before but never for
CSS styling, so thanks for the tip and I'll test it right now :)

Compared to the complexity of the Quanta app, doing something like
this shouldn't be so hard (I would say its arlready 'done' for
interpreting html and css on the editor view), I wonder why it's not
implemented.

Anyway, this is the only feature I'm missing so-far, as Quanta is such
a powerfull tool... Thanks again!

-- 
Bruno