Get on the CSS Grid

#1

Post by chrisfarms » Fri, Mar 21, 2014, 1:49 PM UTC

Get on the CSS Grid
updates.html5rocks.com

Re: Get on the CSS Grid

#2

Post by Robadob » Fri, Mar 21, 2014, 2:16 PM UTC

This seems very similar to Java's gridbag layout manager (http://docs.oracle.com/javase/tutorial/uiswing/layout/gridba...) in terms of functionality.

I always liked the flexibility of using that layout manager (although I always managed it via visual editors) so if this does reach mainstream compatibility it could be good!

As comments on the article point out, it seems to overlap with FlexBox quite a bit though.

Re: Get on the CSS Grid

#3

Post by SideburnsOfDoom » Fri, Mar 21, 2014, 2:24 PM UTC

Robadob wrote: post #2

This seems very similar to Java's gridbag layout manager ( http://docs.oracle.com/javase/tutorial/uiswing/layout/gridba... ) in terms of functionality. I always liked the flexibility of using that layout manager (although I always managed it via visual editors) so if this does reach mainstream compatibility it could be good! As comments on the article point out, it seems to overlap with FlexBox quite a bit though.

I think it's actually based on the grids in WPF ( http://en.wikipedia.org/wiki/Windows_Presentation_Foundation ). This is no bad thing; those grids are superb for UI layout. Look at the editors list; this comes out of MS. Again, it's good that they feed this out into web standards.

Re: Get on the CSS Grid

#4

Post by SideburnsOfDoom » Fri, Mar 21, 2014, 2:26 PM UTC

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?

Re: Get on the CSS Grid

#5

Post by SideburnsOfDoom » Fri, Mar 21, 2014, 2:29 PM UTC

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, or was it just other priorities? Did flexbox take much longer than expected?

Re: Get on the CSS Grid

#6

Post by mankyd » Fri, Mar 21, 2014, 2:47 PM UTC

SideburnsOfDoom wrote: post #4

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.

Re: Get on the CSS Grid

#7

Post by nobbyclark » Fri, Mar 21, 2014, 2:56 PM UTC

So we return to tables ...

Re: Get on the CSS Grid

#8

Post by apaprocki » Fri, Mar 21, 2014, 3:01 PM UTC

Bloomberg has been funding Igalia to land CSS Grid implementation work in both WebKit and Blink. Igalia wrote a recent blog post about the latest work:

http://blogs.igalia.com/mrego/2014/03/13/welcome-css-grid-la...

Re: Get on the CSS Grid

#9

Post by kirkbackus » Fri, Mar 21, 2014, 3:03 PM UTC

nobbyclark wrote: post #7

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.

Re: Get on the CSS Grid

#10

Post by camus2 » Fri, Mar 21, 2014, 3:04 PM UTC

nobbyclark wrote: post #7

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.