CSS Grid Changes EVERYTHING - Amazing Presentation

Coding Tech
5 HN recommenders · recommended in 3 months, 2018–2019
YouTube
1.1M views · 9 years ago · talk · intermediate · evergreen

A conference talk showing how CSS Grid changes the way pages are laid out on the web. It demonstrates defining layouts with named areas and building responsive designs with far less code.

HN people say it made CSS Grid click for them, and they use it as the best introduction to how grid fixes the relationship between HTML and CSS.

“something clicked in my head and I had to drop everything to try it out.”
CSS & front-end design craftWeb design
#cssgrid#responsivedesign#layout#front-end#weblayout

7 comments from Hacker News

b
@benjaminjackman2018 · in “CSS Grid for UI Layouts”
I came across them from this video, when I heard the "it's almost like ASCII" part (I had it on in the background) something clicked in my head and I had to drop everything to try it out. ▶ this video Watch on for the 'crazy response design' part. I am still amazed.
Strongly recommendsView on HN
l
@lugg2019 · in “Tasks That Can Be Done with Pure HTML and CSS”
I am still blown away by how powerful CSS grid is. ▶ this video It's sad it doesn't get more use. Potwntially this is because CSS frameworks hide all this away and nobody is really learning CSS anymore but I wouldn't really know. I'm not really that exposed to the web front end side of things.
RecommendsView on HN
T
@TACIXAT2018 · in “Ask HN: What is your favourite tech talk?”
CSS Grid Changes Everything - ▶ this video The speaker is good but I think I like it just because it fixes the relationship between HTML and CSS.
RecommendsView on HN
b
@bpicolo2018 · in “Branching Layouts With Ease”
You don't need to worry about UC browser if you aren't in China (that knocks several other browsers > 1% "global" share too). Opera Mini + IE11 is ~5.5% unsupported. One recommendation from the video the other day was also very good in this regard: ▶ this video Create something that works on mobile, then use grid to build outwards. Then you get reasonable views on unsupported platforms (the mobile-centric view, and most platforms that don't support grid are Mobile) and grid works where it can / needs to. IE11 will -never- support grid. Don't let that hold you back! (Unless you're specifically developing for an IE11-rich market)
RecommendsView on HN
m
@mladen52018 · in “CSS Grid changes everything [video]”
Submitted the video to Hacker News.
RecommendsView on HN
l
@lugg2019 · in “Goodbye, Flash”
> A static layout will never know how to reflow itself when the window size changes; it needs code to define that behavior. This is no longer true. CSS grid solves this completely. ▶ this video
CitesView on HN
r
@ryangallen2018 · in “CSS Grid changes everything [video]”
He talks about that in the video: ▶ this video
CitesView on HN