2025: Posts tagged #css
A friendly introduction to SVG by Josh Comeau.
This post is intended to be completely beginner-friendly, no previous SVG experience required (though it does assume that you’re familiar with the basics of HTML/CSS/JS).
Fancy-Border-Radius is a tool written by Nils Binder, that allows to create and play with blobs by setting the horizontal and vertical radii with the CSS property border-radius.
Use the eleventy.before configuration event to always have a current CSS.
With Polishing your typography with line height units Jen Simmons is putting a spotlight on the overlooked lh unit. It makes a big difference!
Line height units give us a direct way to tie any size in our layout to the vertical rhythm of the text.
I like to apply it in a flow css class to set the space between direct siblings:
.flow > * + * {
margin-block-start: 1em; /* fallback for browsers not supporting the lh unit */
margin-block-start: 1lh;
}Aligning a flexible number of items horizontally in one row.
anchor-tool.com allows to select a desired anchor positioning and see the required CSS code. The tool supports logical properties! As of March 7 only working in Chromium browsers.