Skip to content
0:00 / 0:00

#csslayout#progressiveenhancement#fluidtypography

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

Hey! Presents

692 subscribers • 1 video on Hallway

YouTube
  • Recommended by 2 people: 2 on Hacker News.
  • Presented by Andy Bell, web designer and developer
  • An opinion. It argues one side of a question engineers disagree on.

Intermediate. Assumes working knowledge.

22K views4 years ago2 recommendations

Web developmentCSS and layoutWeb performance

Andy Bell explains how to build resilient front-ends by leveraging modern CSS, fluid layouts, and progressive enhancement instead of micromanaging viewports.

Subscribe here: bit.ly/Hey_Subscribe Andy Bell at Everyman Cinema on 5th May, 2022 – All Day Hey 2022 We look at how we can hint the browser, rather than micromanage it by leaning into progressive enhancement, CSS layout, fluid type & space and modern CSS capabilities to build resilient front-ends that look great for everyone, regardless of their device, connection speed or context. heypresents.com/ Sponsored by Stac, IMA HOME, zeroheight, and Netlify #design #developer #webdevelopment #css

Why it's here

2 people recommend this

What people say. Highly recommended for its modern approach to CSS layout, fluid typography, and reducing code complexity by trusting the browser.

youngtaffon Hacker News • Recommends

On “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 link to this video

traceroute66on Hacker News • Recommends

On “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 Layout1, and the website2 linked to a recent talk he gave3. In particular the answer to your question can be found at 14:384 in the talk, perhaps more precisely the slide he shows at 14:59. 1 link 2 link 3 link to this video 4 link to this video

mediumsmarton Hacker News • Mentions

On “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 link to this video Btw. Great website and articles. Thank you for posting.