The new CSS sibling-index() (and -count()) functions are perfect for staggered timing affects. This goes a little step further staggering both before and after a selected element.
Safari made .mp4 file work in img tags in HTML back in 2017, but no other browser followed suite. Should they have?
This post starts with quite a tricky little quiz about what a color value resolves to be.
Seriously almost every “menu” and “tooltip” could and should use this when it’s ready.
You can pluck off values from HTML attributes that actually have types now, so if you put data-font-size=”2.2rem” on an element you could actually, ya know, honor that.
For who-knows-what reason color inputs only show a color swatch, not a string representation of the color. Let’s see if we can fix that.
::selection is cool, but scoping it to selectors like :nth-child(5n+2) is even more fun, especially on a love filled ay like Valentine’s Day.
Without the new property margin-trim, I’m forever doing :last-child { margin-block-end: 0; } and things like that to prevent an elements margin from combining with a parent elements padding to make too much space. The fact that we can avoid the extra awkward targeting and removal rule with this is great. I’ll stick by Coyier’s Padding Law:
When you add
paddingto a container element, addmargin-trimin the same directions.
A rare fundamental change to browser default stylesheets: <h1> elements used to get smaller the more <section>s they were nested within, but no more. I would guess because the HTML Outlining Algorithm never really materialized.
A bit of a pivot from the Redwood gang, splitting RedwoodJS into Redwood GraphQL …
To minimize disruption and provide clarity going forward, we’re renaming the existing RedwoodJS framework to Redwood GraphQL, reflecting its strength as a mature, stable framework built around GraphQL.
… and the newfangled RedwoodSDK. Redwood has always been ultra opinionated (I remember making a slide about it once), and so this feels in-line to me. It’s now so opinionated it adds where you can host it to the mix. But I get it — Cloudflare’s stuff is pretty unique/cool/powerful/opinionated in itself, so it’s a good match. I was also just bemoaning React Server Components slow uptick, and now eating my words as now another major-ish framework is supporting them.
Little boosts of front-end development news, information, and advice — right to your feed reader of choice.
RSSHere's our page on guest writing. It's a win-win-win!
Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.
