Sign in

Cyd Stumpel

@cydstumpel.nl
1.2K followers 339 following 317 posts

Teacher, speaker and Award Winning Freelance Creative Developer Portfolio: cydstumpel.nl

PostsRepliesMedia
Cyd Stumpel @cydstumpel.nl · 28/09/2026
Just did a 90% run through of my Fronteers Dark Mode presentation and it's already 55 minutes long 🥹. Should I: A) remove some of the demo animations or B) bribe the conference ?
150
Reposted by Cyd Stumpel
Jared Yates Sexton @jysexton.bsky.social · 26/09/2026
Just helping with editing here. These bots aren’t sentient. They’re doing what they’re programmed to do. OpenAI, a private company supposedly bound by laws, committed federal crimes.
Screenshot of BBC article: OpenAI bots (struck through) meddled with multiple US government agency sites
16892853054
Reposted by Cyd Stumpel
Niels Leenheer @html5test.com · 24/09/2026
Fronteers Dark Mode conference is next week! Monday I'll send badges to the printer... which means if you want a proper badge... sign up now! We've got a handful of tickets left and they are only €100 for an evening of front-end talks by some amazing speakers. www.fronteersconf.org
fronteersconf.org
Fronteers Dark Mode, Friday, October 2nd, Dordrecht
Join us at Cinema de Witt in Dordrecht for our after work conference.
098
Reposted by Cyd Stumpel
Andy Bell @bell.bz · 23/09/2026
put // comments in CSS in interop 2027 u cowards
51149
Cyd Stumpel @cydstumpel.nl · 20/09/2026
I’m so done with tech CEOs sharing their beliefs, I now need to find a different code editor, password manager and probably a new bookkeeping system.
6924
Reposted by Cyd Stumpel
danielroe @danielroe.dev · 19/09/2026
don't be nice.
roe.dev
Don't be nice
Sometimes, it's more important to be good than it is to be nice.
41734246
Reposted by Cyd Stumpel
Niels Leenheer @html5test.com · 18/09/2026
Two weeks from now Fronteers Dark Mode will happen in Dordrecht in The Netherlands. There are still a few tickets left. Be quick ⚠️ Join us for an afternoon and evening of great talks. With a spectacular line up: @anjana.dev, @tunetheweb.com, @cydstumpel.nl, @csswizardry.com and @heydonworks.com
21310
Cyd Stumpel @cydstumpel.nl · 15/09/2026
Finally looked into CSS scroll triggered animations and wrote down what I learned! Special thanks to Bramus for answering some of my questions cydstumpel.nl/css-scroll-t...
cydstumpel.nl
CSS scroll-triggered animations are here, and I completely missed them | Blog Cyd Stumpel
Did you know scroll-triggered animations are available in Chromium browsers? Because I sure didn’t, until Bramus van Damme pointed it out under Kevin Powells post. After Kevin Powell shared one of his...
1133
Cyd Stumpel @cydstumpel.nl · 14/09/2026
I've started coding, and this is why I shouldn't design professionally, haha, I always change it in development
050
Cyd Stumpel @cydstumpel.nl · 02/09/2026
Are we still arguing over two- vs tri-state color mode toggles? Let's actually talk about the important stuff; like animating the shit out of the toggle! (only for those who don't prefer reduced motion of course)
070
Cyd Stumpel @cydstumpel.nl · 26/08/2026
Kids love books, right? RIGHT? I’m trying to become my best friend’s kids favorite honorary aunt by writing and illustrating a children’s book
Two illustrated children’s books titled De kikker en de ooievaar (“The Frog and the Stork”) lie side by side on a dark surface. Both covers feature a watercolor-style frog wearing a blue jacket and red bow tie, standing beside a calm marsh with tall grasses.An open children’s picture book on a wooden table. On the left page, a grumpy green frog sits on a lily pad in a watercolor marsh surrounded by tall grasses and cattails. The facing page contains Dutch rhyming text: “Once a frog sat on a leaf, but he was not happy. ‘I sit here all day on my arse, and I’m getting so tired of it!’”
1150
Cyd Stumpel @cydstumpel.nl · 16/08/2026
Started working on my demo for Fronteers Dark Mode, this is built with CSS scroll-driven animations, no JS 💅 My talk will go into detail on where you can replace JS with CSS! Tickets are still available: fronteersconf.org This cool effect is inspired by @thomasaufresne.com → bennettandclive.com
7898
Reposted by Cyd Stumpel
Misha @mkrl.xyz · 04/08/2026
Made a browser extension that randomly adds silly cross-document view transitions to all websites. Now it's time to create a collective repository of silly transitions for all of us to share.
1354
Reposted by Cyd Stumpel
JSHeroes @jsheroes.io · 04/08/2026
It's Tuesday, so it's time for another featured talk from #JSHeroes 2026. This time we put the spotlight on @cydstumpel.nl's awesome talk titled "You might not need JS". Spoiler alert! it's true! www.youtube.com/watch?v=mtsc...
youtube.com
You might not need JS - Cyd Stumpel | JSHeroes 2026
YouTube video by JSHeroes
121
Reposted by Cyd Stumpel
Misha @mkrl.xyz · 31/07/2026
Turns out you can fit an entire snake game into a single <div> with CSS border-shape mkrl.xyz/border-snake/
2577
Reposted by Cyd Stumpel
DAVIEWoOOoO 👻 🎃🕸️ @daviemoo.bsky.social · 30/07/2026
NO, ADOBE, I DON'T NEED A FUCKING AI SUMMARY OF A CV. FUCK OFF. LITERALLY FUCK DIRECTLY OFF. I CANNOT KEEP SPENDING MY TIME DIP DODGING AROUND FORCED AI BOLLOCKS IN EVERY FUCKING APP I USE, EVERY DOCUMENT I READ, EVERY SITE I VISIT, EVERY APPLIANCE I TURN ON, FUCK OFF, FUCK OFF, FUUUUCKKK OFFFFFF
591044204
Cyd Stumpel @cydstumpel.nl · 31/07/2026
I might have gotten carried away with Figma animations for my portfolio explorations. 1/10 would not recommend
3100
Reposted by Cyd Stumpel
Piccalilli @piccalil.li · 29/07/2026
An extremely good and important read. henry.codes/writing/it-d...
henry.codes
It doesn’t matter if it works | Henry From Online
The personal site & portfolio of creative web developer Henry from Online
0123
Reposted by Cyd Stumpel
Hidde @hidde.blog · 15/07/2026
wrote about the AB's Web Meetup on the W3C blog www.w3.org/blog/2026/cs... (with shoutouts to and pictures of @level-level.com @cydstumpel.nl @cyns.bsky.social @torgo.com!)
w3.org
CSS animations, human rights, and big accessibility at the AB Web Meetup
On 2 July 2026 , the W3C Advisory Board organised a meetup around the web and web standards. It featured three talks and had time to mingle.
062
Cyd Stumpel @cydstumpel.nl · 12/07/2026
It's readyyyyyy! 💅 tardis-e4aa64.webflow.io
191
Cyd Stumpel @cydstumpel.nl · 11/07/2026
Having way too much fun and spending way too much time on the @gsap-greensock.bsky.social and @codetv.dev hackathon, hopefully I’ll be done tomorrow 😅
2204
Cyd Stumpel @cydstumpel.nl · 08/07/2026
I didn't get to all the cool view transition stuff I added to the JS heroes conference demo I made for my talk, so here it is in one blog post! cydstumpel.nl/a-deep-dive-...
cydstumpel.nl
A deep dive into how I set up view transitions | Blog Cyd Stumpel
If you’ve seen any version of my You might not need JS talk, you know that I create a conference website to demo all the cool things CSS can do.
3340
Cyd Stumpel @cydstumpel.nl · 06/07/2026
Less is more? Don't know her 💅 Explorations for portfolio 2027
Screenshots for my new portfolio from Figma: Three desktop mockups of editorial-style article layouts featuring oversized bold headlines, hand-drawn doodles and annotations, with large circled text emphasizing different headline treatments.
3270
Cyd Stumpel @cydstumpel.nl · 03/07/2026
A case study on the data visualisations of the fish doorbell! cydstumpel.nl/showing-how-...
cydstumpel.nl
(Showing how) the whole world rang the fish doorbell this season | Blog Cyd Stumpel
A case study on bad puns about data fishualisations, how students helped come up with concepts, and what I eventually built.
131
Cyd Stumpel @cydstumpel.nl · 02/07/2026
The joy I felt when I met someone who brought position sticky to browsers🫶 @tess.oconnor.cx
Cyd and Tess smile at a camera
0472
Cyd Stumpel @cydstumpel.nl · 01/07/2026
I'm really excited to share this one! I created a data fishualisation (🤡) for the Visdeurbel based on concepts my students created for their final project for the minor web design and development 🐠 visdeurbel.nl/en/data-fish...
3100
Cyd Stumpel @cydstumpel.nl · 01/07/2026
One of my students had to resit his assessment today and talk about what he learned during the minor. One of the things he said he learned was how open and approachable CSS folks are, during CSS day but also when he emailed @miriam.codes with a CSS question and was so delighted she responded! ❤️
1120
Cyd Stumpel @cydstumpel.nl · 26/06/2026
Sketching out some data fishualisation 🐠stuff!!
Hand-drawn wireframe sketch of a "Global Data" web component showing viewer statistics for the Fish Doorbell, a livestream of a fish migration lock in Utrecht, Netherlands. The design features an interactive 3D globe with dotted pink lines radiating outward from Utrecht as the central hub, representing connections to viewer locations worldwide. Dots of varying sizes mark cities, with larger dots indicating more viewers and line length representing the number of visitors from each location. A time-based navigation bar at the bottom allows filtering by month (Season data, March, April, May, June, July), with "March" highlighted as the active selection. To the left of the globe, a text panel reads "Global Data" with a subheading stating the Fish Doorbell was watched in 100 countries and 2000 cities that season (this is just dummy data), followed by a ranked list of top countries for March (also dummy data): Netherlands 21%, United States 10%, and Poland 8%, each shown as a clickable button with a flag icon. A popup tooltip example shows country detail for France: 11% of March's viewers, with popular cities (Paris, Lyon, Marseille) listed. Annotations indicate the globe is draggable but not scalable, that hoverable popups appear on country interaction showing further detail, that only the top 20 countries are displayed, and that the component includes accessibility considerations (noted as "a11y") with a hidden list and canvas element for screen reader support.
060
Reposted by Cyd Stumpel
FFConf @ffconf.org · 25/06/2026
Early bird tickets have been let out the door. Folks have already got theirs. Think of how much cooler the day is going to be on 13th November surrounded by YOUR people, and watching 8 amazing talks. It's an infectious day (in that good way!). Join us: 2026.ffconf.org
185
Cyd Stumpel @cydstumpel.nl · 19/06/2026
I can tell everyone now! I’m speaking at @ffconf.org in November 🥳, tickets go on sale next week! ✨
1170
Reposted by Cyd Stumpel
Piccalilli @piccalil.li · 18/06/2026
From the archives: 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
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.
1163
Cyd Stumpel @cydstumpel.nl · 17/06/2026
I got to talk about my favorite projects, work philosophy and origin story for this developer spotlight, thanks Codrops💙
1110
Cyd Stumpel @cydstumpel.nl · 13/06/2026
Another lanyard goes on the wall, #cssday was lots of fun! ✨
A board with several conference lanyards hangin from it
1200
Cyd Stumpel @cydstumpel.nl · 11/06/2026
Krijn is live-blogging #cssday if you are at home and have FOMO krijnhoetmer.nl/log/2026/06/...
krijnhoetmer.nl
Live blogging CSS Day / Log / Krijn Hoetmer
Trying out something new today. Let's see if I can live blog this conference, collecting links and notes. Maybe some links to extra resources I think are helpful. You can leave this page open, and it ...
032
Cyd Stumpel @cydstumpel.nl · 10/06/2026
When @chriscoyier.net asks you to write an article, you say yes! 🙌 master.dev/blog/demysti...
master.dev
Demystifying the View Transition Pseudo Tree
Each pseudo element plays a distinct role in how the view transition animates. The browser does most of the heavy lifting though, which makes it a little hard to see what’s actually happening under th...
0319
Reposted by Cyd Stumpel
Niels Leenheer @html5test.com · 10/06/2026
Great talk by @cydstumpel.nl at the-web-you-want.org
0121
Reposted by Cyd Stumpel
Hidde @hidde.blog · 10/06/2026
@cydstumpel.nl bravely live coding to show us how to animate popovers with `@starting-style` and friends at The Web You Want
cyd and a slide that has popover code
081
Cyd Stumpel @cydstumpel.nl · 09/06/2026
youtu.be/pmix3aa6rHc?... Daniel Velasquez did a quick breakdown of how I made this animation (simpler than you might think!)
youtu.be
How to create reveal animations using css and js
YouTube video by Daniel Velasquez
010
Reposted by Cyd Stumpel
Léonie Watson @tink.uk · 08/06/2026
Looking forward to kicking off The Web You Want with a little good humoured provocation in my keynote 😇 It's on Wednesday in Amsterdam and tickets are #free so come and join us? the-web-you-want.org #TheWebYouWant
0166
Cyd Stumpel @cydstumpel.nl · 08/06/2026
This talk was really chaotic and really fun. I had a little panic attack before I started but all was good in the end 😅 @jsheroes.io www.youtube.com/watch?v=mtsc...
youtube.com
You might not need JS - Cyd Stumpel | JSHeroes 2026
YouTube video by JSHeroes
2284
Cyd Stumpel @cydstumpel.nl · 06/06/2026
My talk title: Prefers enhanced motion Sometimes it can feel like we’re designing experiences for ourselves and just hoping that users can keep up. That’s where progressive enhancement should come in. I’ll focus on the how and when of the enhancement part of PE. See you there? ✨
1160
Reposted by Cyd Stumpel
Hidde @hidde.blog · 02/06/2026
The Web Meetup is happening in Rotterdam, 2 July! Join us for an evening with web, standards and mingling, kindly hosted by Level Level. Sign up: ti.to/w3cab/rotter...
W3C + Fronteers + Level Level present Web Meetup, 2 July 2026, Rotterdam, from 7.00pm, with headshots of Dan Appelquist, Cynthia Shelly and Cyd Stumpel
0106
Cyd Stumpel @cydstumpel.nl · 29/05/2026
The I-hate-scroll-jacking crowd really are the loudest people, considering they have probably never gone to a party in their life
360
Reposted by Cyd Stumpel
JSHeroes @jsheroes.io · 28/05/2026
beating our blues by watching this amazing aftermovie youtu.be/EmNVwmB7k90
youtu.be
Aftermovie JSHeroes 2026
YouTube video by JSHeroes
1207
Cyd Stumpel @cydstumpel.nl · 26/05/2026
Tomorrow our students are facing off in css battles to win tickets to CSS Day. In the breaks I need to defend my honor and battle some of my colleagues, do you have any tips so I don’t make a fool out of myself?
4140
Cyd Stumpel @cydstumpel.nl · 20/05/2026
The moment I realized my computer wouldn’t connect to the big screen, 5 minutes before my talk 💅
Cyd stands at a conference podium moments before a talk at JSHeroes, looking visibly stressed while troubleshooting a laptop connection issue. A second person beside her adjusts cables and equipment under blue stage lighting, with rows of empty audience seats in the foreground.
5380
Cyd Stumpel @cydstumpel.nl · 18/05/2026
If you’re going to @cssday.nl (or @jsnation.gitnation.org) don’t miss out on our free pre-css day event at the Amsterdam University of Applied Sciences; the web you want! the-web-you-want.org Writing my talk as we speak! ✨
the-web-you-want.org
The web you want
A two day conference about the web, with some time to think between the two days. April 17, 2026, and June 10, 2026.
0215
Reposted by Cyd Stumpel
Dominik 🔮 @tkdodo.eu · 16/05/2026
What on earth could @danielroe.dev be cooking here 🧑‍🍳 With @cydstumpel.nl @mkrl.xyz and @bugdan.dev
Daniel on his laptop explaining something
9813
Reposted by Cyd Stumpel
danielroe @danielroe.dev · 15/05/2026
🚨 if you want to follow the amazing speakers/mcs from this year then may i submit this starter pack for your consideration? it has been such a pleasure to listen and learn from them all ❤️❤️❤️ thank you especially to the team at @jsheroes.io for making this incredible conference 🙏
12310
Reposted by Cyd Stumpel
jeremAIas @jeremias.codes · 14/05/2026
@cydstumpel.nl talk at @jsheroes.io was just 🤯
392