Matthias Martin
@matthiasmartin.dev
Full-Stack Design Engineer | Available as Freelancer
With a passion for perfection.
🧙 https://easingwizard.com
🏆 https://100dayscss.com
💚 For a green future
💚 #TeamRobert #Habeck4Kanzler
With a passion for perfection.
🧙 https://easingwizard.com
🏆 https://100dayscss.com
💚 For a green future
💚 #TeamRobert #Habeck4Kanzler
The @keyframes hack was used in the past before 'linear' got the new feature set. What would be your use-case for having the old keyframes style instead? You should be able to achieve everything that was possible with the old way with the new syntax.
March 28, 2025 at 9:35 PM
The @keyframes hack was used in the past before 'linear' got the new feature set. What would be your use-case for having the old keyframes style instead? You should be able to achieve everything that was possible with the old way with the new syntax.
For the Bézier easings I use the 'bezier' timing function in CSS, for the more complex easings (spring, bounce, wiggle, overshoot) I'm using the 'linear' timing function with it's new feature for setting keyframes. This is supported in all major browsers, for Safari since 17.2 (Dec 2023).
March 28, 2025 at 9:33 PM
For the Bézier easings I use the 'bezier' timing function in CSS, for the more complex easings (spring, bounce, wiggle, overshoot) I'm using the 'linear' timing function with it's new feature for setting keyframes. This is supported in all major browsers, for Safari since 17.2 (Dec 2023).
Reminds me of the Easter egg I added to easingwizard.com
You can trigger it by clicking on the preview element.
You can trigger it by clicking on the preview element.
Easing Wizard - CSS Easing Editor
Generate and customize CSS easing functions with ease and magical precision using Easing Wizard 🧙
easingwizard.com
December 29, 2024 at 12:18 AM
Reminds me of the Easter egg I added to easingwizard.com
You can trigger it by clicking on the preview element.
You can trigger it by clicking on the preview element.
And the width/height transformation as well. I studied design and we learned the principles too.
December 29, 2024 at 12:16 AM
And the width/height transformation as well. I studied design and we learned the principles too.
That’s exactly what I love to do and where I can shine as developer with design background.
December 29, 2024 at 12:12 AM
That’s exactly what I love to do and where I can shine as developer with design background.
Try interacting with the preview box.
December 23, 2024 at 9:22 PM
Try interacting with the preview box.
Thanks a lot 😊
Did you find the hidden easter egg?
Did you find the hidden easter egg?
December 23, 2024 at 5:58 PM
Thanks a lot 😊
Did you find the hidden easter egg?
Did you find the hidden easter egg?
As far as I know, margin does animate in steps. Could you use transform instead?
December 5, 2024 at 7:19 PM
As far as I know, margin does animate in steps. Could you use transform instead?
Wenn absehbar ist, dass diese Industrien in den nächsten Jahrzehnten benötigt werden, erhebliches Wachstumspotenzial besitzen und Jobs im 6-stelligen Bereich daran hängen, dann finde ich schon, dass das unterstützt werden sollte.
Und geht es nicht nur um Subventionen, die CDU hat auch blockiert.
Und geht es nicht nur um Subventionen, die CDU hat auch blockiert.
November 30, 2024 at 1:22 AM
Wenn absehbar ist, dass diese Industrien in den nächsten Jahrzehnten benötigt werden, erhebliches Wachstumspotenzial besitzen und Jobs im 6-stelligen Bereich daran hängen, dann finde ich schon, dass das unterstützt werden sollte.
Und geht es nicht nur um Subventionen, die CDU hat auch blockiert.
Und geht es nicht nur um Subventionen, die CDU hat auch blockiert.
I don't think so, sorry.
November 29, 2024 at 11:44 PM
I don't think so, sorry.
Get yourself an Apple TV, you can automatically use your phone as input device. Even better than a keyboard in my opinion because you don’t need an extra device.
November 29, 2024 at 11:33 PM
Get yourself an Apple TV, you can automatically use your phone as input device. Even better than a keyboard in my opinion because you don’t need an extra device.
Couldn't you achieve the same by chaining animations together? With a delay this should work.
Only problem would be if you wanna run the animation more than once.
Only problem would be if you wanna run the animation more than once.
November 26, 2024 at 10:13 AM
Couldn't you achieve the same by chaining animations together? With a delay this should work.
Only problem would be if you wanna run the animation more than once.
Only problem would be if you wanna run the animation more than once.
Thanks for featuring CSS Easing Wizard 😊
More information can be found in my announcement post.
bsky.app/profile/matt...
More information can be found in my announcement post.
bsky.app/profile/matt...
Excited to announce Easing Wizard is now live! 🎉
The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀
🔗 easingwizard.com
Can you find the hidden easter egg?
The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀
🔗 easingwizard.com
Can you find the hidden easter egg?
November 26, 2024 at 10:10 AM
Thanks for featuring CSS Easing Wizard 😊
More information can be found in my announcement post.
bsky.app/profile/matt...
More information can be found in my announcement post.
bsky.app/profile/matt...
Yes, on-device AI is a big advantage in my opinion.
It secures the data and the privacy of the user and (if the device or the model is fast enough) it can be faster than cloud-based AI.
It secures the data and the privacy of the user and (if the device or the model is fast enough) it can be faster than cloud-based AI.
November 24, 2024 at 1:30 AM
Yes, on-device AI is a big advantage in my opinion.
It secures the data and the privacy of the user and (if the device or the model is fast enough) it can be faster than cloud-based AI.
It secures the data and the privacy of the user and (if the device or the model is fast enough) it can be faster than cloud-based AI.
Nice, did the same in Node a while ago.
November 20, 2024 at 6:26 PM
Nice, did the same in Node a while ago.
Is it auto generated on the fly?
November 20, 2024 at 4:26 PM
Is it auto generated on the fly?
We have to reinvent the wheel every few years 😄
November 20, 2024 at 3:50 PM
We have to reinvent the wheel every few years 😄
Thanks a lot, I spent way too much time on little details only I will probably notice 😄
November 20, 2024 at 2:09 PM
Thanks a lot, I spent way too much time on little details only I will probably notice 😄
Thanks a lot, I spent way too much time on little details only I will probably notice 😄
November 20, 2024 at 2:09 PM
Thanks a lot, I spent way too much time on little details only I will probably notice 😄
I took your site as inspiration and created a CSS easing editor with support for spring, wiggle, overshoot and bounce by using the linear() feature.
bsky.app/profile/matt...
bsky.app/profile/matt...
Excited to announce Easing Wizard is now live! 🎉
The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀
🔗 easingwizard.com
Can you find the hidden easter egg?
The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀
🔗 easingwizard.com
Can you find the hidden easter egg?
November 20, 2024 at 1:56 PM
I took your site as inspiration and created a CSS easing editor with support for spring, wiggle, overshoot and bounce by using the linear() feature.
bsky.app/profile/matt...
bsky.app/profile/matt...
Excited to announce Easing Wizard is now live! 🎉
The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀
🔗 easingwizard.com
Can you find the hidden easter egg?
The ultimate CSS easing editor with support for Bézier, spring, bounce, wiggle, and overshoot! 🚀
🔗 easingwizard.com
Can you find the hidden easter egg?
November 20, 2024 at 1:55 PM
Ich wünsche es mir sehr, dass die Wähler es erkennen. Aber ich habe leider starke Zweifel.
November 16, 2024 at 9:13 PM
Ich wünsche es mir sehr, dass die Wähler es erkennen. Aber ich habe leider starke Zweifel.