Jen Culp
banner
jenculp.bsky.social
Jen Culp
@jenculp.bsky.social
Design system lead, software engineer, user advocate, mtb cyclist, dog lover ☯ 👩🏻‍💻 (she/her) http://mypronouns.org/
https://jenculp.dev
Pinned
Glad to be here surrounded by other folks looking for a safe place to share awesome information on how to make awesome things 🎉
Reposted by Jen Culp
I made a quiz about the JS Date parser is. It's very easy and you will score very high.

jsdate.wtf
new Date("wtf")
How well do you know JavaScript's Date class?
jsdate.wtf
July 11, 2025 at 5:10 PM
Reposted by Jen Culp
🚀 🆕 style-observer: A robust solution for observing CSS property changes in JS.

Developed with @d12n.me’s help over the last month.

Made possible by the pioneering work of @bram.us, Artem Godin, @janeori.propjockey.io and many others!

Blog post: lea.verou.me/blog/2025/st...
Docs: observe.style
Style-observer: JS to observe CSS property changes, for reals • Lea Verou
I cannot count the number of times in my career I wished I could run JS in response to CSS property changes, regardless of what triggered them: media queries, user actions, or even other JS. Use cases...
lea.verou.me
February 12, 2025 at 3:03 PM
Squeeeeeeeee
#CSS scroll-state() container queries
in Chrome 133!

@container scroll-state(stuck: top) {

}

Read all about snapped, stuck and scrollable in this post:
developer.chrome.com/blog/css-scr...

nerdy.dev/scroll-state...
January 17, 2025 at 5:57 AM
Reposted by Jen Culp
Great article on where `aria-label` should & shouldn't be used benmyers.dev/blog/dont-us...
Don’t Use aria-label on Static Text Elements
Don’t use the aria-label or aria-labelledby attributes on divs, spans, or other elements representing static/noninteractive text-level semantics, unless you’re also updating roles.
benmyers.dev
January 16, 2025 at 12:44 PM
Reposted by Jen Culp
So much is shipping in Chrome 133 (stable in 2 weeks!)

A couple of big ones:

1. Scroll-state queries: check if something is stuck and where — developer.chrome.com/blog/css-scr...

1/3
CSS scroll-state()  |  Blog  |  Chrome for Developers
Like container queries; but for stuck, snapped, and overflowing queries.
developer.chrome.com
January 16, 2025 at 9:53 PM
Shout-out to the Style Dictionary team for the codemod to get from v3 to v4 - love you for this ❤️
styledictionary.com/version-4/mi...
Migration Guidelines
Export your Design Tokens to any platform. iOS, Android, CSS, JS, HTML, sketch files, style documentation, or anything you can think of. Forward-compatible with Design Token Community Group spec.
styledictionary.com
December 13, 2024 at 5:57 PM
Glad to be here surrounded by other folks looking for a safe place to share awesome information on how to make awesome things 🎉
December 5, 2024 at 6:04 PM