W3C home > Mailing lists > Public > public-svg-wg@w3.org > April to June 2012

Re: Styling of SVG 2.0

From: Cameron McCormack <cam@mcc.id.au>
Date: Sun, 27 May 2012 10:49:30 +1000
Message-ID: <4FC17A1A.7090305@mcc.id.au>
To: Dirk Schulze <dschulze@adobe.com>
CC: SVG WG <public-svg-wg@w3.org>
Dirk Schulze:
>>    * Element names are marked up with class="element-name", which makes
>>      them bold, red, smaller text, with round quotes around.
> The red reminds me a bit on Wikipedia, where red links are not existent yet. That was my first thought when I saw that :) I think it is a good idea to have a different color for elements. Can we find a bit more neutral color?

It would have to be more neutral, yet distinguishable enough from the 
colours used for properties and attributes.  If you have some colour 
suggestions feel free to make them. :)

>>    * Property values are marked up with class="prop-value", which
>>      makes them black, bold, smaller text, but without straight quotes
>>      around.  I was thinking though to adopt the CSS formatting here for
>>      consistency.
> My personal feeling is that bold texts (especially when they have smaller font sizes) are harder to read and interrupt the text flow. It is of course a very subjective feeling.

I think they are made smaller because at the normal font size they stand 
out and interrupt the flow even more.  IMO at least.

>> I've been moving towards using the CSS property definition table
>> styling, too.
>>
>>> The blueish color differs between SVG and CSS.
>>>
>>> There are more differences, but in general I just want to know if we
>>> try to adapt our design to CSS3 as much as possible, or if we want to
>>> continue with the old SVG design.
> I noticed another snippet on CSS specs. Quotes are not part of the style change. So it is NOT <a href="#property"><code style="property">'property'</code></a> but '<a href="#property"><code style="property">property</code></a>' which might make more sense from the notation point of view. What do you think?

Oh, yes.  So the SVG spec used to format the links like:

   _‘property-name’_

but they now are formatted as:

   ‘_property-name_’

like in CSS specs, but the markup is still written as

   <a>'property-name'</a>

because the build scripts use the quotes inside the <a> to know to look 
for an element/attribute/property name.

>> I am reasonably happy with the current styling, and I like the
>> distinction between elements/attributes/properties.  I am happy to align
>> with the CSS spec formatting for CSS related things, but otherwise I
>> like our more "unique" formatting. :)
> I really like the new design in general. I hope that we (in opposite to CSS specs), can leave the design on entering WD. Thanks Cameron for the great work! Makes reading the spec a lot easier :).

Thanks should go to Tav, too, who did most of the porting over of the 
CSS styles.
Received on Sunday, 27 May 2012 00:50:08 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Sunday, 27 May 2012 00:50:09 GMT