#svg-animation

[ follow ]
#css #relative-colour-values #oklch #theming #figma-make #make-a-thon #prototyping #ai-assisted-development
fromSmashing Magazine
2 weeks ago

Smashing Animations Part 8: Theming Animations Using CSS Relative Colour - Smashing Magazine

I've recently refreshed the animated graphics on my website with a new theme and a group of pioneering characters, putting into practice plenty of the techniques I shared in this series. A few of my animations change appearance when someone interacts with them or at different times of day. The colours in the graphic atop my blog pages change from morning until night every day.
Web design
UX design
fromFigma
3 months ago

6 Winning Figma Makes-and What You Can Learn From Them | Figma Blog

Figma Make shortens the path from idea to interactive prototype, enabling rapid iteration, AI-assisted development, and exportable outputs used in diverse creative projects.
Web design
fromSmashing Magazine
4 months ago

Creating Elastic And Bounce Effects With Expressive Animator - Smashing Magazine

Expressive Animator automates elastic and bounce easing for SVGs, enabling lifelike animations in seconds while removing manual keyframe and easing setup.
Node JS
fromCSS-Tricks
8 months ago

This Isn't Supposed to Happen: Troubleshooting the Impossible | CSS-Tricks

JavaScript execution can vary between servers, leading to unexpected behaviors on different environments.
[ Load more ]