Skip to content
HomeVideos
AllLongsCategoriesPlaylists
BooksBlogsPodcasts
HistoryListsWatch laterLiked videosFollowing

The videos, books, blogs and podcasts Hacker News keeps recommending, all in one place.

VideosBooksBlogsPodcastsAboutPrivacySettings

Data from Hacker News, HackerTube, HackerBooks, HackerBlogs and Open Library. Credits · Not affiliated with Y Combinator.

HomeVideosBooksBlogsPodcasts
Ctrl K

    CSS Grid Changes EVERYTHING - Amazing Presentation

    Coding Tech

    4 HN recommenders · recommended in 4 months, 2018–2019

    YouTube

    32:06 · 1.1M views · Jul 17, 2017

    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.

    Software Engineering & LanguagesWeb development
    1. 44:11
      Morten Rand-Hendriksen: CSS Grid Changes Everything (About Web Layouts)WordPress51K views • 9 years ago
    2. 4:18
      Flexbox vs. CSS Grid — Which is Better?Layout Land314K views • 8 years ago
    3. 43:33
      Andy Bell – Be the browser’s mentor, not its micromanagerHey! Presents23K views • 4 years ago
    4. 32:25
      "Building a Toolkit for Design" by Matthew Griffithelm-conf25K views • 8 years ago
    5. 44:36
      Hacker Way: Rethinking Web App Development at FacebookMeta Developers900K views • 12 years ago
    6. 25:55
      React.js Conf 2015 - Beyond the DOM: How Netflix plans to enhance your television experienceMeta Developers26K views • 11 years ago
    7. 22:52
      2016/2017 MUST-KNOW WEB DEVELOPMENT TECH - Watch this if you want to be a web developerLearnCode.academy916K views • 10 years ago
    8. 35:32
      Cheng Lou - On the Spectrum of Abstraction at react-europe 2016ReactEurope63K views • 10 years ago
    9. 26:46
      DjangoCon 2022 | From React to htmx on a real-world SaaS product: we did it, and it's awesome!DjangoCon Europe109K views • 4 years ago
    10. 29:51
      Keynote: What is a Component (and Why)? - Luke Wagner, Distinguished Engineer, FastlyThe Linux Foundation6.9K views • 3 years ago
    11. 31:48
      Lin Clark - A Cartoon Intro to Fiber - React Conf 2017Meta Developers216K views • 9 years ago
    12. 1:06:46
      Crockford on JavaScript - Section 8: Programming Style & Your BrainYUI Library111K views • 14 years ago
    13. 54:58
      Keynote - JSON Graph: Reactive REST at NetflixAssociation for Computing Machinery (ACM)41K views • 11 years ago
    14. 10:32
      Javascript in 2015Glen Maddern58K views • 11 years ago
    15. 35:42
      Progressive Performance (Chrome Dev Summit 2016)Chrome for Developers34K views • 9 years ago
    16. 1:35:30
      React Today and Tomorrow and 90% Cleaner React With HooksReact Conf1.2M views • 8 years ago
    17. 1:03:48
      JavaScript: The Good PartsGoogle TechTalks589K views • 17 years ago
    18. 33:52
      Nordic.js 2014 • Douglas Crockford - The Better PartsNordic.js73K views • 12 years ago
    19. 25:47
      React.js Conf 2015 - The complementarity of React and Web ComponentsMeta Developers22K views • 11 years ago
    20. 27:45
      React.js Conf 2016 - Ben Alpert - What Lies AheadMeta Developers50K views • 10 years ago

    5 comments from Hacker News

    1. @bpicoloFeb 2018· 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
    2. @luggFeb 2019· 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
    3. @benjaminjackmanFeb 2018· 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
    4. @TACIXATApr 2018· 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
    5. @luggOct 2019· 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