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

Name: Andy Bell – Be the browser’s mentor, not its micromanager
Uploaded: 2022-06-21T13:56:14Z
Duration: 43 min 33 s
Channel: Hey! Presents
Description: Andy Bell's talk on writing CSS that gives the browser sensible rules and lets it make layout decisions, rather than hand-managing every viewport. It focuses on intrinsic sizing and composable layout approaches that need fewer media queries. HN people recommend it as the case for intrinsic, flexible CSS that cuts the amount of code and the number of breakpoints.

Hey! Presents

4 HN recommenders · recommended in 3 months, 2023

YouTube

23K views · 4 years ago · talk · intermediate · evergreen

Andy Bell's talk on writing CSS that gives the browser sensible rules and lets it make layout decisions, rather than hand-managing every viewport. It focuses on intrinsic sizing and composable layout approaches that need fewer media queries.

HN people recommend it as the case for intrinsic, flexible CSS that cuts the amount of code and the number of breakpoints.

CSS & front-end design craft Web design

#css #intrinsicsizing #responsivelayout #andybell #everylayout

4 comments from Hacker News

@mediumsmart2023 · in “Responsive type scales with composable CSS utilities”

I have been using this approach and happy with it. It’s similar I think? I just don’t need tailwind for the puny websites I cobble together. Andy Bell – Be the browser’s mentor, not its micromanager ▶ this video Btw. Great website and articles. Thank you for posting.

RecommendsView on HN

@traceroute662023 · in “The ideal viewport doesn't exist”

> I don't know how useful this is. The website that is the subject of this discussion comes from Andy Bell. I would encourage you to see his other work, e.g. Every Layout[1], and the website[2] linked to a recent talk he gave[3]. In particular the answer to your question can be found at 14:38[4] in the talk, perhaps more precisely the slide he shows at 14:59. [1]link [2]link [3]▶ this video [4]▶ this video

RecommendsView on HN

@youngtaff2023 · in “My favourite 3 lines of CSS”

They're not that complex if you understand CSS And let's face it… to understand the example code you only need understand what > + * do in CSS Using intrinsic sizing, and the sorts of approaches Andy Bell suggests reduces the volume of CSS enormously and can often get rid of media queries and huge numbers of selectors that get repeated across viewport sizes I'd really encourage you to watch this talk by Andy ▶ this video

RecommendsView on HN

@disadvantage2023 · in “Andy Bell – Be the browser’s mentor, not its micromanager”

Submitted the video to Hacker News.

RecommendsView on HN