Jen Culp
@jenculp.bsky.social
Design system lead, software engineer, user advocate, mtb cyclist, dog lover ☯ 👩🏻💻 (she/her) http://mypronouns.org/
https://jenculp.dev
https://jenculp.dev
Pinned
Jen Culp
@jenculp.bsky.social
· Dec 5
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
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
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
🚀 🆕 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
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
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...
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
Squeeeeeeeee
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
Great article on where `aria-label` should & shouldn't be used benmyers.dev/blog/dont-us...
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
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
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
A couple of big ones:
1. Scroll-state queries: check if something is stuck and where — developer.chrome.com/blog/css-scr...
1/3
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...
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
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...
styledictionary.com/version-4/mi...
Currently reading:
www.developerway.com/posts/hard-r...
www.developerway.com/posts/hard-r...
Existential React questions and a perfect Modal Dialog
My step-by-step process for implementing a new feature from an idea to a production-ready solution using Modal Dialog as an example.
www.developerway.com
December 5, 2024 at 6:09 PM
Currently reading:
www.developerway.com/posts/hard-r...
www.developerway.com/posts/hard-r...
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
Glad to be here surrounded by other folks looking for a safe place to share awesome information on how to make awesome things 🎉