CSS Grid Changes EVERYTHING - Amazing Presentation
Coding Tech4 HN recommenders · recommended in 3 months, 2018–2019
talk · intermediate · 2018–2019 on HN
Morten Rand-Hendriksen's WordCamp Europe 2017 talk presents CSS Grid Layout as a native two-dimensional layout system that changes how web pages are structured, including responsive layouts independent of source order. It was given as browsers began shipping…
HN commenters recommend it as an inspiring demonstration of how powerful CSS Grid is and how it repairs the relationship between HTML and CSS.
Up next
2 mo on HNDesign Microservice Architectures the Right Way
InfoQ
2 HN recommender · 2019–2021
11 mo on HNDON'T PANIC — Hans Rosling showing the facts about population
Gapminder Foundation
8 HN recommender · 2017–2021
4 mo on HNOld Is the New New • Kevlin Henney • GOTO 2018
GOTO Conferences
4 HN recommender · 2018–2020
14 mo on HNLEADERSHIP LAB: The Craft of Writing Effectively
UChicago Social Sciences
15 HN recommender · 2019–2026
9 mo on HNAgile is Dead • Pragmatic Dave Thomas • GOTO 2015
GOTO Conferences
11 HN recommender · 2016–2026
14 mo on HNWhat the heck is the event loop anyway? | Philip Roberts | JSConf EU
JSConf
16 HN recommender · 2015–2025
13 mo on HNRich Harris - Rethinking reactivity
You Gotta Love Frontend
15 HN recommender · 2019–2026
10 mo on HNCrockford on JavaScript - Volume 1: The Early Years
YUI Library
10 HN recommender · 2013–2022
10 mo on HNRailsConf 2016 - Turbolinks 5: I Can’t Believe It’s Not Native! by Sam Stephenson
Confreaks
6 HN recommender · 2017–2020
10 mo on HNJavaScript: The Good Parts
Google TechTalks
11 HN recommender · 2009–2020
9 mo on HNPete Hunt: React: Rethinking best practices -- JSConf EU
JSConf
9 HN recommender · 2014–2025
8 mo on HNDan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015
ReactEurope
12 HN recommender · 2015–2022
5 comments from Hacker News
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.
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.
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)
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.
> 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