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

Re: [CSSWG][css-grid-layout] Updated WD of CSS Grid Layout

From: Ojan Vafai <ojan@chromium.org>
Date: Fri, 19 Apr 2013 16:53:15 -0700
Message-ID: <CANMdWTv+vRk2eGcTBvEszeaRYp7qPPhfpn6iEra-ao7hhdHwKg@mail.gmail.com>
To: fantasai <fantasai.lists@inkedblade.net>, Julien Chaffraix <jchaffraix@google.com>, Elliott Sprehn <esprehn@google.com>
Cc: "www-style@w3.org" <www-style@w3.org>
I find the position-each-edge model impossible to wrap my head around, as
does basically everyone I talk to. The syntax used to be easy to understand
and is now totally inscrutable. I understand the working group has
discussed this at length, but this seems like a big step backwards. I don't
think web developers will get it.

Maybe there's some syntax that could make the position-each-edge model
intuitive, but this is not it.

Here's a few things I find confusing:
- grid-start: -1 means the grid item will go *after* the last explicitly
positioned cell, but grid-end: -1 means it will go *in* the last explicitly
positioned cell.
- grid-column: 1/2 and grid-column: 1/1 go in the same cell.
- grid-column: span 1 / 4...I still can't figure out what that's supposed
to do.

On Fri, Apr 5, 2013 at 4:56 PM, fantasai <fantasai.lists@inkedblade.net>wrote:

> The CSS WG has published an updated Working Draft of CSS Grid Layout Level
> 1:
>     http://www.w3.org/TR/css3-**grid-layout/<http://www.w3.org/TR/css3-grid-layout/>
> This CSS module defines a two-dimensional grid-based layout system
> optimized
> for user interface design.
> There have been a lot of changes since the previous working draft!
> Most significantly, we switched from a position+span placement model
> to a position-each-edge model.
>   Old: http://www.w3.org/TR/2012/WD-**css3-grid-layout-20121106/#**
> placing-grid-items<http://www.w3.org/TR/2012/WD-css3-grid-layout-20121106/#placing-grid-items>
>   New: http://www.w3.org/TR/2013/WD-**css3-grid-layout-20130402/#**
> placement<http://www.w3.org/TR/2013/WD-css3-grid-layout-20130402/#placement>
> The draft has generally been reorganized and much of the prose rewritten
> to fill in missing details, avoid repetition, improve precision and
> terminology, and ensure alignment with Flexbox.
> And there are *tons* of issues marked in the draft. We are totally looking
> for feedback on these!
> So please, review the draft, think about the issues, and send any comments
> or suggestions to this mailing list, <www-style@w3.org>, and please,
> prefix
> the subject line with
>     [css-grid-layout]
> (as I did on this message).
> For the CSS WG,
> ~fantasai
Received on Friday, 19 April 2013 23:54:02 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:28 UTC