Live data from Hacker News

Get on the CSS Grid

updates.html5rocks.com

11–20 of 46 posts

Re: Get on the CSS Grid

#11

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.

This is a hugely important difference.

Re: Get on the CSS Grid

#12

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.

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 any more. So now we need good ways to lay out UIs.

Re: Get on the CSS Grid

#13
post #6

I 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.

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

#14
post #10

So 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.

I can't tell if this is 100% sarcasm, 100% serious, or somewhere in-between.

Re: Get on the CSS Grid

#15
post #6

Earlier 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).

This is work that Igalia is doing for us. There are a lot of patches pending that haven't landed yet:

https://codereview.chromium.org/149373004/

Re: Get on the CSS Grid

#16

Earlier 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…

> You finally get reliable vertical centering of elements as a side-benefit.

Worth noting that you already get this with flexbox's align-items: center, which you can use today!

Re: Get on the CSS Grid

#17
Great, but I feel horrible at the same time because browser just slowly reinvents everything, and is still limited to a single specific implementation. How about just make Javascript frigging fast so everyone can code their own layout system? How about standard NaCl interface for layouting? Browser needs to be an open platform, not a framework.

Re: Get on the CSS Grid

#18
post #10

Earlier 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.

The sad part is that he or she isn't 100% wrong.

Re: Get on the CSS Grid

#19

This 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…

Supporting standards is pretty unimportant when you have an interface to ruin, ads to sneak in, an unasked os to support, etc... /s

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.

Post reply on HN