Re: [csswg-drafts] [css-grid-3][masonry] Masonry Syntax Designer/Developer Feedback (#11060)

I'd like to see it integrated into CSS Grids.

My conclusion is, that, practically all Layouts in some form are originating from a _grid system_. That alone wouldn't be a good reason for a technical decision. Yet, having read Ahmad Shadeeds thorough examination and having had a brief look at the Webkit Teams article, I think there is/might be just this "underlying principle" at work, which would allow this solution to be so elegant.

Especially the `grid-default-column` article-layout example triggered that motion in me. Initially I was reluctant to accept Ahmads statement "_Masonry is a grid, right?_", because the masonry _result_ itself is not a _grid_. It lacks one of the tracks: vertically or horizontally. But then, it is based on a _grid system_  having one dimension "collapsed".

So, it is nonetheless constructed on a _grid system_. Even one/two column layouts, simple type areas in books—the laying of the text body, page numbers, etc.—are fundamentally based on a _grid system_, which has been constructed beforehand in the design process. Ask designers! (Disclaimer: I studied graphic design before ending up as some IT guy) 
And I want want to joyfully refer to [Josef Müller-Brockmanns Grid Systems Book](https://www.niggli.ch/en/produkt/grid-systems-in-graphic-design/) here. (p. 50ff.)

One might be afraid to overload grid system, especially looking the `grid-default-column` example. But I think it's a misleading fear. `grid-default-column` just expresses the very _design thought_ which underlies this design, for example.
Ahmad outlines very well the practical sides of integrating masonry into CSS Grids, the non-duplication of code for fallbacks, for example. I believe that this elegant simplicity originates from that underlying principle, that, in the end, all layouts are based on _grid systems_. 
Shall we add a display mode for every form of layout then? I think this would be the actual overload.

_Masonry_ is a very particular instance of a layout, _grids_/_grid systems_ are the principle.


-- 
GitHub Notification of comment by blynx
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11060#issuecomment-2451734688 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 1 November 2024 11:35:54 UTC