@jimmynotjim I hadn't gotten around to trying that - good to know that works. Still is a bit of a bummer that we need to add another node for this.

I'm very excited about the emerging CSS properties `text-box-trim` and `text-box-edge`.

One thing that is left out of most of the write ups about it is a significant gotcha:

They don't work on elements with display flex, inline-flex, grid or inline-grid.

I'm sure there are good reasons why, but it's not been pointed out. Unfortunately this leaves out one of our major use cases (we have buttons set to inline-flex so that we can vertically center icons inside the button.

I've decided to branch my blog into some more personal topics. The fact is that I have things I want to share outside of just web development. This is one:

My pizza dough recipe as of May, 2025

https://chipcullen.com/my-pizza-dough-recpie-may-2025/

I make this most weeks for my family. I hope this helps you!

@11ty sadly, no. I use it for my personal site :)

@seaotta congratulations!!!

I've been stuck on this blog post for a long time, but I finally published it last week:

How I built dynamic social media images in Eleventy (11ty) using Cloudinary

https://chipcullen.com/how-i-built-dynamic-social-media-images-in-eleventy-using-cloudinary/

#11ty #cloudinary

The 10x engineer stories never include: added meaningful tests, updated documentation, created onboarding materials, mentored juniors, or improved runbooks.

There is no glory in these things. Yet those who do them will find themsleves 10xing their team.

@fimion great talk today! just wanted to shamelessly share a blog post I wrote about implementing drop down menus that makes heavy use of :has https://chipcullen.com/how-to-build-a-drop-down-menu-with-modern-css/ :)

Sweet. Going to see Joshua Jay at the Kennedy Center in June: https://www.kennedy-center.org/whats-on/explore-by-genre/theater/2024-2025/joshua-jay-look-closer-magic-show/

#magic #livemagic

@kevinpowell

We used it on this page: https://www.pbs.org/livestream/

(Due to broadcast rights, this only works if you're in the US. Outside the US you'll probably get redirected.)

But, we use it for the schedule bars so that we can keep the time completed in alignment across channels

Yeah yeah, Happy New Years …

Can we talk about the total non-choice that was made for the typeface for the actual words “Happy New Year” in Times Square?

It looks like a font didn’t load for the projector screen.

@carlana lolololol

So, I did a thing last month - we launched the new version of

https://www.pbs.org/

I led the engineering effort on this, and it was by far the biggest project that I have managed in my career. 😎

(Sorry, not tech related, but this is one of my hobbies)

A long article on Urban Sketching from the BBC:

https://www.bbc.com/travel/article/20241120-why-urban-sketching-retreats-are-taking-off

I love sketching when I travel, though it's hard to fit it in.

_deep breath_

big day today.

Fall
 
how I love to catch
the falling leaves
in autumn
 
      I
sit

and
 
wait

beneath

the
trees

until
    
I’ve

           cautumn

New Blog post! How to Build a Drop Down menu with modern CSS:

https://chipcullen.com/how-to-build-a-drop-down-menu-with-modern-css/

People, the rules are simple:

No Halloween merchandising until October

No Thanksgiving merchandising until after Halloween

No Christmas merchandising until after Thanksgiving

like it says in the danged bible.

New in @ChromeDevTools (in Chrome Canary): You can now force more states – such as :active, :focus, … – onto elements.

For example, when inspecting an <input> element you can now also force states such as :enabled, :valid, etc.

The State of CSS 2024 survey is now open!

https://survey.devographics.com/survey/state-of-css/2024?source=mastodon

great work @sachagreif

https://nerdy.dev/take-the-state-of-css-survey