Lightnews — Scholar-powered news

Cyd Stumpel

@cydstumpel.nl

760 followers 290 following 140 posts

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

cydstumpel.nl

Posts Media Videos Starter Packs

Pinned

Cyd Stumpel @cydstumpel.nl · Mar 9

My portfolio won Site of the Day today on Awwwards! 🥳

3 1 37

Cyd Stumpel @cydstumpel.nl · 2d

Big news! No more dinosaur notices on my portfolio (unless you don’t update your browser)

Una Kravets @una.im · 2d

View transitions are in every browser now ✨

Ollie Williams @ollie-williams.bsky.social · 2d

Firefox now supports view transitions, the command and commandfor HTML attributes, and the moveBefore() method.

www.firefox.com/en-US/firefo...

1 4

Reposted by Cyd Stumpel

Chris Coyier @chriscoyier.net · 2d

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.

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

2 7 29

Reposted by Cyd Stumpel

Wey Wey Web @weyweyweb.bsky.social · 2d

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

1 2

Reposted by Cyd Stumpel

Piccalilli @piccalil.li · 2d

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-...

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

65 85

Cyd Stumpel @cydstumpel.nl · 3d

Me doing anything in three.js

Cyd Stumpel @cydstumpel.nl · 3d

Doing a few portfolio sessions with students in the coming weeks, do you think they’ll take me seriously?

2 12

Cyd Stumpel @cydstumpel.nl · 7d

One of my former students has a cool personal site (and he’s looking for a job!) punch.baby

(PS: All boxes are draggable)

punch.baby

Reposted by Cyd Stumpel

Sara Soueidan @sarasoueidan.com · 7d

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?

3 7 45

Cyd Stumpel @cydstumpel.nl · 7d

Ooff I got to 26 and then read the ~10 features line 😅, oh well..

1 3

Cyd Stumpel @cydstumpel.nl · 8d

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 🫶

1 2 43

Reposted by Cyd Stumpel

OKAY DEV® @okaydev.co · 11d

🚀 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

4 18

Cyd Stumpel @cydstumpel.nl · 11d

You would love @beyondtellerrand.com then :)

1 4

Cyd Stumpel @cydstumpel.nl · 13d

The perfect recipe to create your own programming language, according to @dylanbeatt.ie @fronteers.bsky.social

1 4

Cyd Stumpel @cydstumpel.nl · 13d

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

1 3

Cyd Stumpel @cydstumpel.nl · 14d

Ooh it might be because I put the animation on each individual box without setting it with a default value on the box and scoping it, which made it update multiple times..

1 2

Cyd Stumpel @cydstumpel.nl · 14d

What do you mean? It was on the transform property already, it is also already fixed btw! 🥳

Cyd Stumpel @cydstumpel.nl · 14d

But now the next thing; whyyyyyy does that work?

Cyd Stumpel @cydstumpel.nl · 14d

10 points to you! That fixed it!
codepen.io/Sidstumple/p...

Changing vars in scroll driven animation to use on hover is maybe too much 😅

...

codepen.io

1 1 4

Cyd Stumpel @cydstumpel.nl · 14d

Good guess, but it doesn't work 🥹

Cyd Stumpel @cydstumpel.nl · 14d

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

Cyd Stumpel @cydstumpel.nl · 14d

🆘 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...

4 14

Cyd Stumpel @cydstumpel.nl · 19d

😂

Cyd Stumpel @cydstumpel.nl · 19d

It's truly crazy what you can do with just CSS now

🚧 WIP 🚧

6 10 160

Reposted by Cyd Stumpel

Adam Argyle @nerdy.dev · 20d

sticky slices

nerdy.dev/sticky-gradi... #CSS

1 2 57

Cyd Stumpel @cydstumpel.nl · 22d

Guys it's happening again, preparing for new year, new portfolio 2026. Welcome to my figma chaos.

Screenshot of a figma projects with inspiration and explorations