Leaflet.js is a free open-source mapping library. We’ll look at how to use it to create a basic map with location points of cats up for adoption.

Just four declarations in CSS can handle this nicely, while avoiding the vertical scrollbar issue.

We’ll get into layered content, clip-path, and the :has() selector to build a responsive slider with live videos. We can do it by hand, but a few SCSS loops will help make it more manageable.

This helps load in data just *before* a user gets to it, and it works with non-root containers and horizontal scrolling.

Hey we might as well spill out all these wishes as the CSS feature train has been rolling and we oughta get while the getting is good.

Set a variable in Pug, then create an inline script which sets that variable for using in JavaScript and use setProperty to pass it to CSS.