Cyd Stumpel
@cydstumpel.nl
Teacher and Award Winning Freelance Creative Developer
Teacher at @fdnd.nl 🎓 and the Minor Web Development at Amsterdam University of Applied Sciences
I’m an Okay Dev 👩🏽💻 @okaydev.co
Tech speaker at meetups and conferences
Portfolio: https://cydstumpel.nl
Teacher at @fdnd.nl 🎓 and the Minor Web Development at Amsterdam University of Applied Sciences
I’m an Okay Dev 👩🏽💻 @okaydev.co
Tech speaker at meetups and conferences
Portfolio: https://cydstumpel.nl
Pinned
Cyd Stumpel
@cydstumpel.nl
· Nov 23
WIP Page transition ✨
Most off the animations are pure CSS, I just needed some JS for the mouse move effect 🤷🏻♀️
Made with Scroll Driven Animations and View Transitions 💅
Most off the animations are pure CSS, I just needed some JS for the mouse move effect 🤷🏻♀️
Made with Scroll Driven Animations and View Transitions 💅
This animation is so bad, lol
December 22, 2025 at 8:31 PM
This animation is so bad, lol
I remembered I have free will and grown up money, look what I bought!!! 🤩
December 17, 2025 at 4:46 PM
I remembered I have free will and grown up money, look what I bought!!! 🤩
Some tips on how and why we teach our students from @fdnd.nl, to implement progressive enhancement in their work! 🎓
cydstumpel.nl/why-we-teach...
cydstumpel.nl/why-we-teach...
Why we teach our students progressive enhancement | Blog Cyd Stumpel
With new CSS features seemingly coming out every week, I’ve been doing more and more progressive enhancement (PE) in my projects. It’s also a big part of what we teach our students at the Associate De...
cydstumpel.nl
December 13, 2025 at 4:56 PM
Some tips on how and why we teach our students from @fdnd.nl, to implement progressive enhancement in their work! 🎓
cydstumpel.nl/why-we-teach...
cydstumpel.nl/why-we-teach...
Reposted by Cyd Stumpel
Scroll-Triggered Animations … with nothing but CSS … oh yeah 🤩
codepen.io/bramus/pen/Z...
(Coming to Chrome 145. Blogpost in the works.)
codepen.io/bramus/pen/Z...
(Coming to Chrome 145. Blogpost in the works.)
December 12, 2025 at 10:04 AM
Scroll-Triggered Animations … with nothing but CSS … oh yeah 🤩
codepen.io/bramus/pen/Z...
(Coming to Chrome 145. Blogpost in the works.)
codepen.io/bramus/pen/Z...
(Coming to Chrome 145. Blogpost in the works.)
Reposted by Cyd Stumpel
`overflow: clip` is my default.
In www.bram.us/2024/02/14/s... I wrote:
“I see no reason to use `overflow: hidden` your site, unless you have a good reason to. Using `overflow: clip` has exactly the same outcome, doesn’t interfere with Scroll-Driven Animations, and has great browser support.”
In www.bram.us/2024/02/14/s... I wrote:
“I see no reason to use `overflow: hidden` your site, unless you have a good reason to. Using `overflow: clip` has exactly the same outcome, doesn’t interfere with Scroll-Driven Animations, and has great browser support.”
Scroll-Driven Animations: You want overflow: clip, not overflow: hidden
If you create a scroll-driven animation and find that scroll(nearest) is not working, check for overflow: hidden elements up the DOM tree and change them to overflow: clip.
www.bram.us
December 12, 2025 at 2:27 PM
`overflow: clip` is my default.
In www.bram.us/2024/02/14/s... I wrote:
“I see no reason to use `overflow: hidden` your site, unless you have a good reason to. Using `overflow: clip` has exactly the same outcome, doesn’t interfere with Scroll-Driven Animations, and has great browser support.”
In www.bram.us/2024/02/14/s... I wrote:
“I see no reason to use `overflow: hidden` your site, unless you have a good reason to. Using `overflow: clip` has exactly the same outcome, doesn’t interfere with Scroll-Driven Animations, and has great browser support.”
This is awesome
Responsive Letter Spacing: "What we wanted was a gradual transition: As the font-size increases, the letter-spacing decreases. And ideally, that would happen everywhere by default. Thankfully, modern #CSS was up to the challenge. And it only took one rule to pull off!" cloudfour.com/thinks/respo...
Responsive Letter Spacing
Minimizing the readability impact of a typographic brand requirement.
cloudfour.com
December 1, 2025 at 11:18 AM
This is awesome
I was very Dutch today
November 30, 2025 at 5:19 PM
I was very Dutch today
WIP Page transition ✨
Most off the animations are pure CSS, I just needed some JS for the mouse move effect 🤷🏻♀️
Made with Scroll Driven Animations and View Transitions 💅
Most off the animations are pure CSS, I just needed some JS for the mouse move effect 🤷🏻♀️
Made with Scroll Driven Animations and View Transitions 💅
November 23, 2025 at 3:01 PM
WIP Page transition ✨
Most off the animations are pure CSS, I just needed some JS for the mouse move effect 🤷🏻♀️
Made with Scroll Driven Animations and View Transitions 💅
Most off the animations are pure CSS, I just needed some JS for the mouse move effect 🤷🏻♀️
Made with Scroll Driven Animations and View Transitions 💅
Had a great time at @weyweyweb.bsky.social this week! I even brought my friends to Málaga and forced them to watch my presentation so I can talk about view transitions while we sip wine from now on 💅
November 21, 2025 at 7:52 PM
Had a great time at @weyweyweb.bsky.social this week! I even brought my friends to Málaga and forced them to watch my presentation so I can talk about view transitions while we sip wine from now on 💅
The view transition for these ones is going to be a PAIN but I already know it'll be so worth it 🤩
🚧 WIP Portfolio 2026
🚧 WIP Portfolio 2026
November 13, 2025 at 3:25 PM
The view transition for these ones is going to be a PAIN but I already know it'll be so worth it 🤩
🚧 WIP Portfolio 2026
🚧 WIP Portfolio 2026
Reposted by Cyd Stumpel
📢 Speaker announcement:
Happy to let you know @craigabbott.co.uk, @cydstumpel.nl, and @tkdodo.eu are also joining us as speakers at #JSHeroes 2026! 🌟
🔎 Find out more about their background and what they plan to bring to the stage here: jsheroes.io
#TechConference #TechEvent #TechInnovation
Happy to let you know @craigabbott.co.uk, @cydstumpel.nl, and @tkdodo.eu are also joining us as speakers at #JSHeroes 2026! 🌟
🔎 Find out more about their background and what they plan to bring to the stage here: jsheroes.io
#TechConference #TechEvent #TechInnovation
November 12, 2025 at 2:19 PM
📢 Speaker announcement:
Happy to let you know @craigabbott.co.uk, @cydstumpel.nl, and @tkdodo.eu are also joining us as speakers at #JSHeroes 2026! 🌟
🔎 Find out more about their background and what they plan to bring to the stage here: jsheroes.io
#TechConference #TechEvent #TechInnovation
Happy to let you know @craigabbott.co.uk, @cydstumpel.nl, and @tkdodo.eu are also joining us as speakers at #JSHeroes 2026! 🌟
🔎 Find out more about their background and what they plan to bring to the stage here: jsheroes.io
#TechConference #TechEvent #TechInnovation
Reposted by Cyd Stumpel
CSS vs. JS
If you still think complex motion needs JavaScript, @cydstumpel.nl will change your mind!
The web motion cycle has decisively swung to modern CSS.
The result? Better performance, cleaner code, and a simpler creative workflow.
Don't miss the details: weyweyweb.com/speakers/?sp...
#CSS
If you still think complex motion needs JavaScript, @cydstumpel.nl will change your mind!
The web motion cycle has decisively swung to modern CSS.
The result? Better performance, cleaner code, and a simpler creative workflow.
Don't miss the details: weyweyweb.com/speakers/?sp...
#CSS
November 11, 2025 at 1:27 PM
CSS vs. JS
If you still think complex motion needs JavaScript, @cydstumpel.nl will change your mind!
The web motion cycle has decisively swung to modern CSS.
The result? Better performance, cleaner code, and a simpler creative workflow.
Don't miss the details: weyweyweb.com/speakers/?sp...
#CSS
If you still think complex motion needs JavaScript, @cydstumpel.nl will change your mind!
The web motion cycle has decisively swung to modern CSS.
The result? Better performance, cleaner code, and a simpler creative workflow.
Don't miss the details: weyweyweb.com/speakers/?sp...
#CSS
Fun little experiment with the details element I just had to try this weekend ✨ Pure CSS 🎨
codepen.io/Sidstumple/f...
codepen.io/Sidstumple/f...
November 9, 2025 at 5:34 PM
Fun little experiment with the details element I just had to try this weekend ✨ Pure CSS 🎨
codepen.io/Sidstumple/f...
codepen.io/Sidstumple/f...
Who's going to @weyweyweb.bsky.social?
Can't wait! I'm hosting a workshop on how to create cohesive animations with modern CSS 🎨 and giving a talk: "You might not need JS"✨
You can still register for the workshop, hope to see you there or at my talk the next day 🫶
weyweyweb.com/workshops/co...
Can't wait! I'm hosting a workshop on how to create cohesive animations with modern CSS 🎨 and giving a talk: "You might not need JS"✨
You can still register for the workshop, hope to see you there or at my talk the next day 🫶
weyweyweb.com/workshops/co...
November 9, 2025 at 12:55 PM
Who's going to @weyweyweb.bsky.social?
Can't wait! I'm hosting a workshop on how to create cohesive animations with modern CSS 🎨 and giving a talk: "You might not need JS"✨
You can still register for the workshop, hope to see you there or at my talk the next day 🫶
weyweyweb.com/workshops/co...
Can't wait! I'm hosting a workshop on how to create cohesive animations with modern CSS 🎨 and giving a talk: "You might not need JS"✨
You can still register for the workshop, hope to see you there or at my talk the next day 🫶
weyweyweb.com/workshops/co...
My colleagues are the coolest🫶, need to make some time to create a theme myself
Yessssss: the-web-you-want.org
November 2, 2025 at 6:09 PM
My colleagues are the coolest🫶, need to make some time to create a theme myself
Got a new article up about designing motion when the design doesn’t move. For anyone who’s ever been handed a flat layout and told “make it feel dynamic.”
cydstumpel.nl/how-i-turn-s...
cydstumpel.nl/how-i-turn-s...
How I turn static designs into rich experiences | Blog Cyd Stumpel
I’m preparing a workshop at Wey Wey Web about motion language, which made me realise how many of my habits and instincts for creating web animations have become automatic, here’s my attempt at writing...
cydstumpel.nl
November 2, 2025 at 4:18 PM
Got a new article up about designing motion when the design doesn’t move. For anyone who’s ever been handed a flat layout and told “make it feel dynamic.”
cydstumpel.nl/how-i-turn-s...
cydstumpel.nl/how-i-turn-s...
Reposted by Cyd Stumpel
Start Implementing View Transitions on Your Websites Today, by @cydstumpel.nl (@piccalil.li):
https://piccalil.li/blog/start-implementing-view-transitions-on-your-websites-today/
#css #viewtransitions #javascript #apis
https://piccalil.li/blog/start-implementing-view-transitions-on-your-websites-today/
#css #viewtransitions #javascript #apis
Start implementing view transitions on your websites today
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li
October 31, 2025 at 1:30 PM
Start Implementing View Transitions on Your Websites Today, by @cydstumpel.nl (@piccalil.li):
https://piccalil.li/blog/start-implementing-view-transitions-on-your-websites-today/
#css #viewtransitions #javascript #apis
https://piccalil.li/blog/start-implementing-view-transitions-on-your-websites-today/
#css #viewtransitions #javascript #apis
Reposted by Cyd Stumpel
What'd I miss?
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
Web components know about the user, device, variables, layout and more · October 30, 2025
As Miriam Suzanne says "components know stuff," but like, how much stuff?
nerdy.dev
October 31, 2025 at 12:31 AM
What'd I miss?
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc
It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓
#CSS
nerdy.dev/components-c...
This is not a new invention, of course, but I'm very happy with the new live coding slide I created for my reveal.js deck!
Just in time for my try-out workshop this Friday 🥳
Just in time for my try-out workshop this Friday 🥳
October 29, 2025 at 3:25 PM
This is not a new invention, of course, but I'm very happy with the new live coding slide I created for my reveal.js deck!
Just in time for my try-out workshop this Friday 🥳
Just in time for my try-out workshop this Friday 🥳
Thinking about using the View Transitions API now that all major browsers support it, but not sure where to start? This article’s for you! ✌️
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li/blog/start-i...
piccalil.li/blog/start-i...
Start implementing view transitions on your websites today
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li
October 28, 2025 at 5:20 PM
Thinking about using the View Transitions API now that all major browsers support it, but not sure where to start? This article’s for you! ✌️
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Reposted by Cyd Stumpel
[crosses publish @cydstumpel.nl's writing off the bucket list]
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li/blog/start-i...
piccalil.li/blog/start-i...
Start implementing view transitions on your websites today
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li
October 28, 2025 at 12:06 PM
[crosses publish @cydstumpel.nl's writing off the bucket list]
The chaos of my explorations is getting bigger
Desktop 32 and counting, lol
Desktop 32 and counting, lol
October 24, 2025 at 9:27 PM
The chaos of my explorations is getting bigger
Desktop 32 and counting, lol
Desktop 32 and counting, lol
Reposted by Cyd Stumpel
I was playing around with some old Codepens in order to practice what I am learning from @bram.us's scroll-driven animation course. Going back to a GSAP powered animation and refactoring with CSS. And then I added GSAP back as fallback per @cydstumpel.nl's recent article.
codepen.io/webcraftsman...
codepen.io/webcraftsman...
Scaling scroll-driven animations using CSS with GSAP fallback
I am recreating scale animations that I was inspired by on https://runway.com/. This is a fork of https://codepen.io/webcraftsman/full/NWJwYxV where ...
codepen.io
October 22, 2025 at 8:42 PM
I was playing around with some old Codepens in order to practice what I am learning from @bram.us's scroll-driven animation course. Going back to a GSAP powered animation and refactoring with CSS. And then I added GSAP back as fallback per @cydstumpel.nl's recent article.
codepen.io/webcraftsman...
codepen.io/webcraftsman...
Some people are so inexplicably triggered by *any* scroll animation, it feels like a knee jerk reaction tbh. I’m not talking about people who prefer reduced motion, I’m talking about people who reply to all new native css scroll animation news with; “I don’t know any reason why you should do that” 👀
October 22, 2025 at 8:14 PM
Some people are so inexplicably triggered by *any* scroll animation, it feels like a knee jerk reaction tbh. I’m not talking about people who prefer reduced motion, I’m talking about people who reply to all new native css scroll animation news with; “I don’t know any reason why you should do that” 👀