Welcome to WebmasterWorld Guest from 18.205.176.100

Forum Moderators: not2easy

Message Too Old, No Replies

CSS was to kill off HTML table layout? Meet CSS Grid

     
9:27 am on Mar 31, 2017 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:10125
votes: 1007


With the release of Safari 10.1 this week, four major browsers in the space of a month have implemented support for CSS Grid, an emerging standard for two-dimensional grid layouts in web applications.

For front-end web designers, this is a big deal. In a tweet, Eric Meyer, web development author and co-founder of An Event Apart, said, "Four browsers from four vendors rolled out Grid support in the space of four weeks. That's just stunning. Never been anything like it."

CSS Grid debuted on March 7 in Firefox 52, on March 9 (desktop) and March 27 (Android) for Chrome 57, on March 21 for Opera 44, and March 27 for Safari 10.1.

And one day after Meyer's tweet, a fifth browser, Vivaldi added CSS Grid support.

[theregister.co.uk...]

Layout might become easy again....
9:35 am on Mar 31, 2017 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:10125
votes: 1007


Some examples of CSS Grid

[labs.jensimmons.com...]
9:40 am on Aug 17, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator robert_charlton is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 11, 2000
posts:12338
votes: 400


I've had this thread bookmarked for a while, along with a video recommended by Smashing Magazine... and I finally watched the whole half hour. It was almost thrilling. The live lecture and demo makes me think this is the next big thing, and I'm pleased that we've already got a thread started.

Here's the video, which gives a dynamic overview....

CSS Grid Changes EVERYTHING - Amazing Presentation
Jul 16, 2017 - trt 32:05
Morten Rand-Hendriksen

https://www.youtube.com/watch?v=7kVeCqQCxlk [youtube.com]

The video makes CSS Grid look easy and accessible, what Tangor I think is also hoping, but it will probably take some hard work as well. I've got more tutorials bookmarked to check out, including a tutorial that from Smashing Magazine, which also recommended this video... And the video recommends presentations by Rachel Andrew, who's one of my favorite explainers... so that's a good sign.

Unfortunately, I know it's going to take me a while to get to this. Maybe by that time we'll have some discussion here as well. I'm not a programmer, and I'm thinking I could learn this. Please jump in.