So we return to tables ...
It may seem like that, but the major difference is the layout is left to the CSS. When combined with css media queries, the grid can provide a complete restructuring of the layout completely independent of the markup which would not would have been possible with tables.
Get on the CSS Grid
11–20 of 46 posts
Re: Get on the CSS Grid
#12So we return to tables ...
It may seem like that, but the major difference is the layout is left to the CSS. When combined with css media queries, the grid can provide a complete restructuring of the layout completely independent of the markup which would not would have been possible with tables.
Tables got a very bad name because they were abused back when they were the only thing available for layout: "if the only tool you have is a hammer..." Yes, but sometimes data is actually tabular.
Grids are good for UI layout. The web was just for documents, but not any more. So now we need good ways to lay out UIs.
Re: Get on the CSS Grid
#13I see that this draft is dated January 2014. Earlier versions go back to April 2011: http://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/ What's changed in this version?
It seems the what's mostly changed is support. IE10 has it, and Chrome has it experimentally.
Re: Get on the CSS Grid
#14So we return to tables ...
Yep basically.But we were alreday there with .row an .col-md-3, what's the difference between this and a table ? semantics? yeah right. By the way, tables can be made responsive too.
Re: Get on the CSS Grid
#15Earlier quoted context omitted.
It seems the what's mostly changed is support. IE10 has it, and Chrome has it experimentally.
Chrome appears to have some of it experimentally. For example, the old 'grid-definition-columns' which was removed from the spec is supported, but the newer (?) 'grid-template-columns' isn't . Alignment doesn't seem to work, at least as I understand it should (e.g. 'align-self: center' should vertically align a grid item).
Re: Get on the CSS Grid
#16Earlier quoted context omitted.
It may seem like that, but the major difference is the layout is left to the CSS. When combined with css media queries, the grid can provide a complete restructuring of the layout completely independent of the markup which would not would have been possible with tables.
Grids are also significantly more flexible and more responsive than tables. You finally get reliable vertical centering of elements as a side-benefit. Tables got a very bad name because they were abused back when they were the only thing available for layout: "if the only tool you have is a hammer..." Yes, but sometimes data is actually tabular. Grids are good for UI layout. The web was just for documents, but not an…
Worth noting that you already get this with flexbox's align-items: center, which you can use today!
Re: Get on the CSS Grid
#17Re: Get on the CSS Grid
#18Earlier quoted context omitted.
Yep basically.But we were alreday there with .row an .col-md-3, what's the difference between this and a table ? semantics? yeah right. By the way, tables can be made responsive too.
I can't tell if this is 100% sarcasm, 100% serious, or somewhere in-between.
Re: Get on the CSS Grid
#19This proposal has been around for a while (April 2011 version: http://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/ ) and if I recall correctly it has been on and off the Firefox roadmap. https://wiki.mozilla.org/Platform/Roadmap#Layout "CSS Grid Layout is coming to Firefox in 2012": http://www.2ality.com/2012/03/css-grid-layout-firefox.html So where is Firefox support for this? Was there a good reason to delay, o…
To be on topic, there isn't much activity in the bug topic: https://bugzilla.mozilla.org/show_bug.cgi?id=616605. Two blockers landed in Fx30, but that is well within the statistical margins of randomness.
Re: Get on the CSS Grid
#20So we return to tables ...