Container Query for “is there enough space outside this element?”
A container query can contain viewport units, meaning you can compare the window vs the element and make choices.
Chris Coyier
Initial Letter with Emoji
In some random playing around, I saw that the ::first-letter pseudo-element is happy to match an emoji. And then initial-letter is happy to bump it up in size which feels like an easy way to make a kinda fun looking list that would survive syndication and such. Firefox doesn’t support initial-letter but whatever, it’s easily […]
Easier layout with margin-trim
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 […]
shape(): A New Powerful Drawing Syntax in CSS
Don’t underestimate `shape()` — it’s the CSS version of SVG
Default styles for h1 elements are changing
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.
RedwoodSDK
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 […]
Comparing Iterators
Matt Smith on when to use map() vs. forEach() in JavaScript. Just one of those things I can imagine asking or being asked in a coding interview. Some interesting comments below the article as well.
Seeking an Answer: Why can’t HTML alone do includes?
Is there a perfectly clear and reasonable answer? Or could we get this someday?
“A Typeface for Kids”
If you’re designing something for kids, you’ve always got Comic Sans as a typeface choice. We make fun of it, but it really is playful and nice and quite readable. It’s not nearly this egregious. I’m sure you can find other good options out there too, but big high fives to the gang at Underware […]
