Throw another on the Syntax highlighting pile!
gist.github.com/radium-v/721...
This custom element class is used to render code blocks with syntax highlighting (it's in use on any property page, ex. css.properties/animation-ti...)
NEW: Code blocks are now rendered with a `<code-block>` custom element.
NEW: Formal Syntax blocks are expanded to include referenced types (type pages coming soon!).
NEW: Client-side JS is bundled and minified with esbuild.
NEW: it's getting late. I should go to bed.
css.properties/justify-self/
NEW: There's a sitemap.xml so search engines can actually index this thing.
NEW: The site footer says when the last build happened (deployment is currently still a 2-step process: 1. Drag; 2. Drop)
NEW: Did you do something with your hair? You're absolutely glowing.
css.properties/timeline-scope/
A screenshot of the grid-area page from css.properties/grid-area/
css.properties exists now!
stroke-linecap: butt;
```css
*,
*::before,
*::after {
outline: 1px dashed \#F0F3;
&:hover {
outline: 1px solid \#F0FF;
}
}
```
font-variant-numeric: tabular-nums;
corner-start-end-shape: scoop;
#css
math-style: compact;
text-wrap: handsome;
Vmin = 5 liter
If you also struggle with #CSS units and what they mean, I just learned from a petrol pump about vmin.
Marge Simpson: "...It's true, but he shouldn't say it"
drafts.csswg.org/css-syntax-3...
::-webkit-meter-even-less-good-value
CSS is Less now
Oh `@sheet`
`lightning-color: yellow;`
⌨️ I blogged about what I’d like to see come to #CSS in 2025. Some of my wishes are repeats from past years, but it was nice to see how many past wishes have (or are about to) come true! meyerweb.com/eric/thought...
Did you know CSS is on the path to support Functions and Mixins?
Forget debating whether HTML is a programming language, it’s time to tackle the growing beast that is CSS.
github.com/w3c/csswg-dr...
We're all so allergic to things like `!important` and render blocking that we can't even identify when they might be useful or even necessary.
word-break: break-word;
Focus By Demotion
a use case for #CSS `:hover > :not(:hover)`
nerdy.dev/hover-not-ho...
border-start-start-radius: 50%;
CSS is a programming language
all: initial;
