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
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” 👀
Reposted by Cyd Stumpel
There’s a new type of CSS scroll-state query coming: “scrolled”.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
October 22, 2025 at 4:48 PM
There’s a new type of CSS scroll-state query coming: “scrolled”.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
This one remembers the last direction you scrolled into, which you can use to build “hidey bars”: when scrolling down (or having scrolled down), the hidey bar hides itself. When then scrolling back up, the hidey bar reveals itself.
Big news! No more dinosaur notices on my portfolio (unless you don’t update your browser)
View transitions are in every browser now ✨
Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method.
www.firefox.com/en-US/firefo...
www.firefox.com/en-US/firefo...
October 14, 2025 at 9:54 PM
Big news! No more dinosaur notices on my portfolio (unless you don’t update your browser)
Reposted by Cyd Stumpel
I did get around to blogging this.
frontendmasters.com/blog/modern-...
Hopefully the step-by-step syntax stuff in here makes shape() a little more approachable.
frontendmasters.com/blog/modern-...
Hopefully the step-by-step syntax stuff in here makes shape() a little more approachable.
Modern CSS Round-Out Tabs
We can use `shape()` to carve away the edges of an element to look like a folder tab. By hand.
frontendmasters.com
October 14, 2025 at 6:14 PM
I did get around to blogging this.
frontendmasters.com/blog/modern-...
Hopefully the step-by-step syntax stuff in here makes shape() a little more approachable.
frontendmasters.com/blog/modern-...
Hopefully the step-by-step syntax stuff in here makes shape() a little more approachable.
Reposted by Cyd Stumpel
Web animations, but make them meaningful
@cydstumpel.nl will guide you through crafting a motion language that actually speaks with real code, practical tips, and solid design thinking.
Perfect for devs who care about great UX.
Details: www.weyweyweb.com/workshops/co...
#WebAnimation #MotionDesign
@cydstumpel.nl will guide you through crafting a motion language that actually speaks with real code, practical tips, and solid design thinking.
Perfect for devs who care about great UX.
Details: www.weyweyweb.com/workshops/co...
#WebAnimation #MotionDesign
October 14, 2025 at 11:33 AM
Web animations, but make them meaningful
@cydstumpel.nl will guide you through crafting a motion language that actually speaks with real code, practical tips, and solid design thinking.
Perfect for devs who care about great UX.
Details: www.weyweyweb.com/workshops/co...
#WebAnimation #MotionDesign
@cydstumpel.nl will guide you through crafting a motion language that actually speaks with real code, practical tips, and solid design thinking.
Perfect for devs who care about great UX.
Details: www.weyweyweb.com/workshops/co...
#WebAnimation #MotionDesign
Reposted by Cyd Stumpel
It's here. JavaScript for Everyone is now available to…everyone!
The amount of effort and experience packed into this course is unbelievable and we know you're going to love it.
Get yours for £189, down from £249, for 2 weeks and super-charge your career prospects
piccalilli.link/js4e-launch-...
The amount of effort and experience packed into this course is unbelievable and we know you're going to love it.
Get yours for £189, down from £249, for 2 weeks and super-charge your career prospects
piccalilli.link/js4e-launch-...
JavaScript for Everyone
A high quality, expansive written course that will elevate your JavaScript skills to a level you never thought was achievable.
piccalilli.link
October 14, 2025 at 8:21 AM
It's here. JavaScript for Everyone is now available to…everyone!
The amount of effort and experience packed into this course is unbelievable and we know you're going to love it.
Get yours for £189, down from £249, for 2 weeks and super-charge your career prospects
piccalilli.link/js4e-launch-...
The amount of effort and experience packed into this course is unbelievable and we know you're going to love it.
Get yours for £189, down from £249, for 2 weeks and super-charge your career prospects
piccalilli.link/js4e-launch-...
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?
Reposted by Cyd Stumpel
This is such a great idea. I just chose and ranked my favorite 15 features in the list—primarily CSS and HTML features of course. interop-rank.jakearchibald.com
What are yours?
What are yours?
October 9, 2025 at 5:18 PM
This is such a great idea. I just chose and ranked my favorite 15 features in the list—primarily CSS and HTML features of course. interop-rank.jakearchibald.com
What are yours?
What are yours?
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 🫶
Reposted by Cyd Stumpel
🚀 Big news! Okay Social is now open to everyone.
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
October 5, 2025 at 4:12 PM
🚀 Big news! Okay Social is now open to everyone.
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
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
I wrote a short post on the weird ‘bug’ I found this week when you animate custom variables and transforms on the same element cydstumpel.nl/debugging-in... please let me know if you can explain why the original approach doesn’t work like you’re explaining something to a five year old ✌️
Debugging in public | Blog Cyd Stumpel
During prototyping my ideas for next year’s ‘new year, new portfolio’ I came upon an interesting limitation in keyframes in combination with custom properties (CSS variables). I was prototyping an ide...
cydstumpel.nl
October 3, 2025 at 2:02 PM
I wrote a short post on the weird ‘bug’ I found this week when you animate custom variables and transforms on the same element cydstumpel.nl/debugging-in... please let me know if you can explain why the original approach doesn’t work like you’re explaining something to a five year old ✌️