Independent Creative Developer
If you’ve seen any version of my You might not need JS (also known as CSS came for my Job and Modern CSS for creative developers) talk, you know that I create a conference website to demo all the cool things CSS can take over from JavaScript now. For my talk at JS heroes, earlier [ ] The post A deep dive into how I set up view transitions appeared first on Portfolio Cyd Stumpel .
Every spring, thousands of fish swim through Utrecht’s canals on their way to the Kromme Rijn to spawn. Along the way, they reach the Weerdsluis, a historic lock that is still operated by hand. When the lock gates are closed, the fish have to wait, using up valuable energy and making them easy prey for [ ] The post (Showing how) the whole world rang the fish doorbell this season appeared first on…
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 Degree Frontend Design and Development at the University of Applied Sciences in Amsterdam. A famous example of PE is the [ ] The post Why we teach our students progressive enhancement appeared first on…
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 them down. While I m designing animations, I m considering a lot of things at once. What does an animation do for the [ ] The post How I turn static designs into rich experiences appeared first on…
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 idea to translate navigation tabs to the right on scroll and to let them reappear on hover. I didn’t really like the user experience to [ ] The post Debugging in public appeared first on Portfolio Cyd…
To celebrate scroll-driven animations finally landing in Safari 26, here are some things you probably want to know before using them. Link to: The anatomy of a scroll driven animation We don t need the animation-duration property as the animation duration is determined by the animation-range now. This code would rotate the element with the class [ ] The post Start using Scroll-driven animations…
One of the most important lessons you can learn as a developer is that being lazy is often a good thing. Students sometimes laugh sheepishly at me when I tell them that, but especially if it leads to writing less (or less complicated) code, being lazy is smart. Link to: A short intro to View [ ] The post Being lazy with view-transition-old and -new appeared first on Portfolio Cyd Stumpel .
Scroll-driven animations are set to land in all major browsers by the end of the year, but I haven’t seen many people using them in production yet. Maybe because it still feels like an all-or-nothing feature, or maybe I’m just buried too deep in my little JS/creative dev corner again. Regardless the reason why, one [ ] The post Two approaches to fallback CSS scroll driven animations appeared first…
At the start of this month one of my favourite De Visdeurbelwebsites went live (it has existed for a while, but I implemented the rebrand); the fish doorbell (visdeurbel.nl). The concept is really simple; a website showing a livestream at a lock in Utrecht, where users are asked to press the doorbell if they see [ ] The post Finding fish in a sea of grey and green appeared first on Portfolio Cyd…
View transitions are, at the time I m writing this article, supported in all major browsers, except for Firefox. Until a short time ago you could only use view transitions in a Single Page App (SPA) and not with Multi Page Apps that use cross-document navigation, or how we used to call it: just normal websites [ ] The post A Practical Guide to the CSS View Transition API appeared first on…