If I missed anything, let me know!

feTurbulence makes the noise and feDisplacementMap uses it to push pixels around. chain them and you get heat haze, ripples, brush strokes, and goo on regular html elements with no javascript.

I've only used it on a couple of sites. Anyone ship this to real users?

Hey r/CSS!

Stjepan from Manning here. The mods permitted us to share this here, so thanks to them for letting me post.

We’ve put together a free Modern Web Development sampler, and I think the most useful part here is the chapter from CSS in Depth, Second Edition. It covers keeping growing stylesheets manageable with reusable modules, naming conventions, and native CSS scope.

If you’ve ever made a small style change and then had to check what else it accidentally affected, that’s the kind of problem this material gets into.

It’s a four-chapter sampler, not four full books. Alongside the CSS material, there are chapters on built-in browser capabilities, how asynchronous JavaScript works, and building web components with Lit.

You can find it here:
https://blog.manning.com/free-ebook-modern-web-development-sampler

Hope the CSS chapter is useful. I’d also be interested to hear how you’re organizing styles these days, especially what’s held up as your projects have grown.

Thank you.

Cheers,

Stjepan

Any idea how I can create this spacing and centering using CSS (and no, I will not be using this kiddie font)?

Between "Katmandu" and "A magic name" is a regular paragraph space, and <br> creates tighter line spacing, but centering becomes the problem.