Get on the CSS Grid

This proposal has been around for a while (April 2011 version: <a href="http://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/" rel="nofollow">http:&#x2F;&#x2F;www.w3.org&#x2F;TR&#x2F;2011&#x2F;WD-css3-grid-layout-20110407&#x2F;</a> ) and if I recall correctly it has been on and off the Firefox roadmap. <a href="https://wiki.mozilla.org/Platform/Roadmap#Layout" rel="nofollow">https:&#x2F;&#x2F;wiki.mozilla.org&#x2F;Platform&#x2F;Roadmap#Layout</a><p>&quot;CSS Grid Layout is coming to Firefox in 2012&quot;: <a href="http://www.2ality.com/2012/03/css-grid-layout-firefox.html" rel="nofollow">http:&#x2F;&#x2F;www.2ality.com&#x2F;2012&#x2F;03&#x2F;css-grid-layout-firefox.html</a><p>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?

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:<p><a href="http://blogs.igalia.com/mrego/2014/03/13/welcome-css-grid-layout/" rel="nofollow">http:&#x2F;&#x2F;blogs.igalia.com&#x2F;mrego&#x2F;2014&#x2F;03&#x2F;13&#x2F;welcome-css-grid-la...</a>

If future browsers include default grid display systems, then [YUI&#x27;s PureCSS Grid Library](0) is a modern-backwards compatability layer.<p>It seems even to have a &quot;leave no browser behind&quot; philosophy, because you can generate usable output for even IE 6 &amp; 7.<p>[YUI Open Roundtable - Pure CSS with Tilo Mitra and Eric Ferraiuolo](1) is widely informative with amazing demos of each of the latest tools involved.<p>The docs are split across <a href="http://stage.purecss.io/grids/" rel="nofollow">http:&#x2F;&#x2F;stage.purecss.io&#x2F;grids&#x2F;</a> and <a href="http://yuilibrary.com/yui/docs/cssgrids/" rel="nofollow">http:&#x2F;&#x2F;yuilibrary.com&#x2F;yui&#x2F;docs&#x2F;cssgrids&#x2F;</a> ; overall, they&#x27;re sweet and concise.<p>0: <a href="http://purecss.io/grids/" rel="nofollow">http:&#x2F;&#x2F;purecss.io&#x2F;grids&#x2F;</a><p>1: <a href="https://www.youtube.com/watch?v=t4w3e-JRXy0" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=t4w3e-JRXy0</a>

This seems very similar to Java&#x27;s gridbag layout manager (<a href="http://docs.oracle.com/javase/tutorial/uiswing/layout/gridbag.html" rel="nofollow">http:&#x2F;&#x2F;docs.oracle.com&#x2F;javase&#x2F;tutorial&#x2F;uiswing&#x2F;layout&#x2F;gridba...</a>) in terms of functionality.<p>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!<p>As comments on the article point out, it seems to overlap with FlexBox quite a bit though.

So we return to tables ...

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.

Is there any non-video documentation? I find videos painfully slow compared to scrolling through some quick actual code examples side-by-side with results.

Prediction: Sometime in 2018 we will have a thread: &quot;Ask HN: Is it finally time to use CSS grids?&quot;

I see that this draft is dated January 2014. Earlier versions go back to April 2011: <a href="http://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/" rel="nofollow">http:&#x2F;&#x2F;www.w3.org&#x2F;TR&#x2F;2011&#x2F;WD-css3-grid-layout-20110407&#x2F;</a><p>What&#x27;s changed in this version?

For 95% of what people want this for, CSS tables would probably work just as well (&quot;display: table&quot; ). The main advantage of this seems to be the &quot;minmax&quot; ability, and some rethinking of the api, since CSS tables are semantically based on HTML tables.

Is there a JS library&#x2F;framework that lets me use this now?

Is this an attempt to standardize the grid layouts that everyone has to either build themselves or use a framework like bootstrap for?

CSS grid is what CSS should have been from the beginning.