4 ms·

There is so much thought, and so many concerns, that go into CSS modules that I'm a little disappointed the article doesn't go into more detail about the proble

by necolas 15y ago

There is so much thought, and so many concerns, that go into CSS modules that I'm a little disappointed the article doesn't go into more detail about the problems it is looking to solve. A fundamental starting point seems to be that CSS grids should match the mental model and terminology of "designers" rather than "developers". It would be good to have a thorough explanation of why that may or may not be an improvement. How would added abstraction effect development? How would the functionality of the existing CSS Grid Layout proposal be mapped to, or improved, with an alternative syntax? Hopefully the ideas in the article have already been shared with the community of people working on CSS modules. It would be good for the concerns and approaches of various professions to be exchanged in a constructive fashion so that any future CSS modules are as good as can be.

grayrest 15y ago
Graphic Design Grids (GDG) are about creating a unified layout with a rigid horizontal and vertical rhythm. The CSS Grid Layout (CSSG), on the other hand, are more about creating a flexible 2d layout. You can make CSSG do the same thing as GDG (I think using grid-column-sizing and grid-row-sizing and then using either grid-template or grid-*-span) but it's not necessarily obvious. This is a request for the ability to define an arbitrary unit of measure with gutters called a module and be able to use it as part of CSSG. I like this and have experimented with as part of sass/stylus grid systems. Most of the rest is a complaint about terminology and I get slightly confused from there. IMO the `grid-x-count` property serves no purpose. Simply using `width` with and md unit value or an appropriate grid sizing definition would serve the same purpose. I'm also not sure how columns and fields interact. I think it's the same as `grid-columns` and `grid-rows` from the CSSG proposal and this is an extended part of his complaint that the CSSG terminology doesn't match up with GDG terminology.

by necolas 15y ago

grayrest 15y ago

Graphic Design Grids (GDG) are about creating a unified layout with a rigid horizontal and vertical rhythm. The CSS Grid Layout (CSSG), on the other hand, are more about creating a flexible 2d layout. You can make CSSG do the same thing as GDG (I think using grid-column-sizing and grid-row-sizing and then using either grid-template or grid-*-span) but it's not necessarily obvious. This is a request for the ability to define an arbitrary unit of measure with gutters called a module and be able to use it as part of CSSG. I like this and have experimented with as part of sass/stylus grid systems. Most of the rest is a complaint about terminology and I get slightly confused from there. IMO the `grid-x-count` property serves no purpose. Simply using `width` with and md unit value or an appropriate grid sizing definition would serve the same purpose. I'm also not sure how columns and fields interact. I think it's the same as `grid-columns` and `grid-rows` from the CSSG proposal and this is an extended part of his complaint that the CSSG terminology doesn't match up with GDG terminology.