W3C home > Mailing lists > Public > www-style@w3.org > March 2013

Re: [css3-regions] Separating regions markup

From: Håkon Wium Lie <howcome@opera.com>
Date: Wed, 13 Mar 2013 00:53:35 +0100
Message-ID: <20799.49151.598216.272461@gargle.gargle.HOWL>
To: Alan Stearns <stearns@adobe.com>
Cc: "www-style\@w3.org" <www-style@w3.org>
Alan Stearns wrote:

 http://dev.w3.org/csswg/css3-regions/

 > Please take a look at the changes. I believe this satisfies the concerns
 > behind issue 16858 [2] about (a) keeping content separate from layout and
 > (b) using good practices in spec examples.

It seems that the draft still allows elements in the document to turn
into regions? If so, it doesn't address the concerns I have expressed.

While placing the elements outside of the document itself is an
improvement, it still seems like tag abuse to turn semantic elements
into presentational boxes. HTML templates allows for document
fragments to be moved somewhere else, but they are still HTML
elements.

One of the fundamemtal motivations behind CSS was to stop tag abuse in
HTML. The regions spec, as currently written, seems to encourage it.

However, the draft also mentions a better solution: using @slot (or
something) to define reqions. The only argument against this solution
is that no DOM exists for regions defined this way. I suggest we
define that DOM rather than encourage the use of HTML elements to
represent regions.

As for examples, I belive all specs should have a simple motivational
example with all code needed at the beginning of the spec. The sample
code should not be stowed away in an appendix. 

The first example in the regions spec has become more complex. To me,
the layout it suggests isn't typical or compelling; my eyes move
naturally from 2 to 4, and not from 3 to 4.

  http://people.opera.com/howcome/2013/tests/regions.png
  http://people.opera.com/howcome/2013/tests/regions-rendered.png

This is what the first example used to look like; it has a more natural flow:

  http://dev.w3.org/csswg/css3-gcpm/regions.png

An even simpler example could also make sense: just two regions,
absolutely positioned.

 > [1] https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/templates/index.html
 > [2] https://www.w3.org/Bugs/Public/show_bug.cgi?id=16858

Cheers,

-h&kon
              Håkon Wium Lie                          CTO °þe®ª
howcome@opera.com                  http://people.opera.com/howcome
Received on Tuesday, 12 March 2013 23:54:14 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:06 GMT