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
I knew it looked off, I added another container last minute and forgot to move the perspective property from the body haha, thanks, much better 🫶
November 10, 2025 at 7:51 AM
I knew it looked off, I added another container last minute and forgot to move the perspective property from the body haha, thanks, much better 🫶
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...
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 🥳
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
Me doing anything in three.js
October 13, 2025 at 7:23 PM
Me doing anything in three.js
Doing a few portfolio sessions with students in the coming weeks, do you think they’ll take me seriously?
October 13, 2025 at 2:23 PM
Doing a few portfolio sessions with students in the coming weeks, do you think they’ll take me seriously?
Okay I might be going in a completely different direction now, how fun is this?!
🏗️ WIP
Created with CSS scroll driven animations, special shout out to color-mix too, that function has given me so much joy working with dynamic colors 🫶
🏗️ WIP
Created with CSS scroll driven animations, special shout out to color-mix too, that function has given me so much joy working with dynamic colors 🫶
October 8, 2025 at 11:48 AM
Okay I might be going in a completely different direction now, how fun is this?!
🏗️ WIP
Created with CSS scroll driven animations, special shout out to color-mix too, that function has given me so much joy working with dynamic colors 🫶
🏗️ WIP
Created with CSS scroll driven animations, special shout out to color-mix too, that function has given me so much joy working with dynamic colors 🫶
The perfect recipe to create your own programming language, according to @dylanbeatt.ie @fronteers.bsky.social
October 3, 2025 at 7:54 PM
The perfect recipe to create your own programming language, according to @dylanbeatt.ie @fronteers.bsky.social
Haha yes, I tried that too, but it looks like it just transitions like the --scroll-progress value is 1, and then snaps to the actual value it should be
October 2, 2025 at 12:44 PM
Haha yes, I tried that too, but it looks like it just transitions like the --scroll-progress value is 1, and then snaps to the actual value it should be
🆘 I'm trying to do too a thing, that may or may not be possible with @property💅.
I'm using a scroll driven animation to update a css var that goes from 0-1, to translate items in the opposite way on hover. The calculation works, transition does not🥹
Here's a codepen:
codepen.io/Sidstumple/p...
I'm using a scroll driven animation to update a css var that goes from 0-1, to translate items in the opposite way on hover. The calculation works, transition does not🥹
Here's a codepen:
codepen.io/Sidstumple/p...
October 2, 2025 at 12:30 PM
🆘 I'm trying to do too a thing, that may or may not be possible with @property💅.
I'm using a scroll driven animation to update a css var that goes from 0-1, to translate items in the opposite way on hover. The calculation works, transition does not🥹
Here's a codepen:
codepen.io/Sidstumple/p...
I'm using a scroll driven animation to update a css var that goes from 0-1, to translate items in the opposite way on hover. The calculation works, transition does not🥹
Here's a codepen:
codepen.io/Sidstumple/p...
It's truly crazy what you can do with just CSS now
🚧 WIP 🚧
🚧 WIP 🚧
September 27, 2025 at 2:31 PM
It's truly crazy what you can do with just CSS now
🚧 WIP 🚧
🚧 WIP 🚧
Guys it's happening again, preparing for new year, new portfolio 2026. Welcome to my figma chaos.
September 24, 2025 at 12:24 PM
Guys it's happening again, preparing for new year, new portfolio 2026. Welcome to my figma chaos.
sibling-index and -count are going to be my whole personality now 💅
September 17, 2025 at 2:28 PM
sibling-index and -count are going to be my whole personality now 💅
Ah figured it out, it's because I used a css variable in the @supports 🙈
This works:
This works:
September 15, 2025 at 8:19 AM
Ah figured it out, it's because I used a css variable in the @supports 🙈
This works:
This works:
Very exciting that sibling-index is now supported in Chrome, but I can't figure out how to feature-check for it. This doesn't seem to do it. Setting the var with a backup like var(--delay, 0s) also does nothing 🆘
September 15, 2025 at 8:07 AM
Very exciting that sibling-index is now supported in Chrome, but I can't figure out how to feature-check for it. This doesn't seem to do it. Setting the var with a backup like var(--delay, 0s) also does nothing 🆘
I love view transitions, imagine having to do this with javascript ☠️
(still took me 4 hours to finetune, to be completely honest 😅)
(still took me 4 hours to finetune, to be completely honest 😅)
August 18, 2025 at 2:00 PM
I love view transitions, imagine having to do this with javascript ☠️
(still took me 4 hours to finetune, to be completely honest 😅)
(still took me 4 hours to finetune, to be completely honest 😅)
Fun (very early stages) WIP project for the University
June 14, 2025 at 4:03 PM
Fun (very early stages) WIP project for the University
I spoke at my favorite conference about view transitions last week; @cssday.nl. You can find my slides at: css-day.cydstumpel.nl and my demo here: sidstumple.github.io/view-transit...
June 13, 2025 at 7:10 PM
I spoke at my favorite conference about view transitions last week; @cssday.nl. You can find my slides at: css-day.cydstumpel.nl and my demo here: sidstumple.github.io/view-transit...
Multicol and fragmentation by @rachelandrew.bsky.social
June 5, 2025 at 3:09 PM
Multicol and fragmentation by @rachelandrew.bsky.social
