HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

CSS Grid Changes EVERYTHING - Amazing Presentation

Coding Tech4 HN recommenders · recommended in 3 months, 2018-2019
YouTube
1.1M views · 9 years ago · talk · dated

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 support.

HN commenters recommend it as an inspiring demonstration of how powerful CSS Grid is and how it repairs the relationship between HTML and CSS.

Web development#cssgrid#responsivedesign#weblayout#front-end#wordcamp

5 comments from Hacker News

@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
@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
@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
@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.

RecommendsView on HN
@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
Morten Rand-Hendriksen: CSS Grid Changes Everything (About Web Layouts)44:11

Morten Rand-Hendriksen: CSS Grid Changes Everything (About Web Layouts)

WordPress
51K views • 9 years ago
Flexbox vs. CSS Grid — Which is Better?4:18

Flexbox vs. CSS Grid — Which is Better?

Layout Land
314K views • 8 years ago
Andy Bell – Be the browser’s mentor, not its micromanager43:33

Andy Bell – Be the browser’s mentor, not its micromanager

Hey! Presents
23K views • 4 years ago
"Building a Toolkit for Design" by Matthew Griffith32:25

"Building a Toolkit for Design" by Matthew Griffith

elm-conf
25K views • 8 years ago
Hacker Way: Rethinking Web App Development at Facebook44:36

Hacker Way: Rethinking Web App Development at Facebook

Meta Developers
900K views • 12 years ago
React.js Conf 2015 - Beyond the DOM: How Netflix plans to enhance your television experience25:55

React.js Conf 2015 - Beyond the DOM: How Netflix plans to enhance your television experience

Meta Developers
26K views • 11 years ago
React.js Conf 2016 - Ben Alpert - What Lies Ahead27:45

React.js Conf 2016 - Ben Alpert - What Lies Ahead

Meta Developers
50K views • 10 years ago
2016/2017 MUST-KNOW WEB DEVELOPMENT TECH - Watch this if you want to be a web developer22:52

2016/2017 MUST-KNOW WEB DEVELOPMENT TECH - Watch this if you want to be a web developer

LearnCode.academy
916K views • 10 years ago
Keynote: What is a Component (and Why)? - Luke Wagner, Distinguished Engineer, Fastly29:51

Keynote: What is a Component (and Why)? - Luke Wagner, Distinguished Engineer, Fastly

The Linux Foundation
7K views • 3 years ago
DjangoCon 2022 | From React to htmx on a real-world SaaS product: we did it, and it's awesome!26:46

DjangoCon 2022 | From React to htmx on a real-world SaaS product: we did it, and it's awesome!

DjangoCon Europe
109K views • 4 years ago
Lin Clark - A Cartoon Intro to Fiber - React Conf 201731:48

Lin Clark - A Cartoon Intro to Fiber - React Conf 2017

Meta Developers
216K views • 9 years ago
Cheng Lou - On the Spectrum of Abstraction at react-europe 201635:32

Cheng Lou - On the Spectrum of Abstraction at react-europe 2016

ReactEurope
63K views • 10 years ago
Crockford on JavaScript - Section 8: Programming Style & Your Brain1:06:46

Crockford on JavaScript - Section 8: Programming Style & Your Brain

YUI Library
111K views • 15 years ago
React.js Conf 2015 - The complementarity of React and Web Components25:47

React.js Conf 2015 - The complementarity of React and Web Components

Meta Developers
22K views • 11 years ago
[JSConfUS 2013] Tom Occhino and Jordan Walke: JS Apps at Facebook18:55

[JSConfUS 2013] Tom Occhino and Jordan Walke: JS Apps at Facebook

JSConf
45K views • 13 years ago
Javascript in 201510:32

Javascript in 2015

Glen Maddern
58K views • 11 years ago
Keynote - JSON Graph: Reactive REST at Netflix54:58

Keynote - JSON Graph: Reactive REST at Netflix

Association for Computing Machinery (ACM)
41K views • 11 years ago
Meteor Screecast9:43

Meteor Screecast

meteorscreencasts
50K views • 14 years ago
why Japan's internet is weirdly designed15:15

why Japan's internet is weirdly designed

Answer in Progress
5.2M views • 3 years ago
Progressive Performance (Chrome Dev Summit 2016)35:42

Progressive Performance (Chrome Dev Summit 2016)

Chrome for Developers
34K views • 10 years ago