April 2025 đ°
State of Vue, visual effects in CSS, Temporal API
Starting with insights from the State of Vue 2025 report: beyond the usual popularity surveys (Vue continues to thrive) the report includes case studies, core team interviews, and some stats I hadnât seen before:
- Most Vue developers have 4+ years of experience with the framework, and nearly all would choose it again for future projectsâsays something about the quality to have such a loyal community â¨
- Single page applications remain the dominant architecture in the Vue ecosystem, despite recent industry shifts away from SPAs. The Vue team is aware of that and say they have no intentions to become opinionated about servers or otherwise changing their scope.
- No plans for a V4 or breaking changes. Instead, the Vue team is focusing on performance improvements and stability through internal refactoring, as well as Vapor Mode.
Other things that caught my attention:
-
Experimenting with visual effects in CSS: I love the animated gradient in the footer of the Rocycle website, so I âview sourceâ-ed a bit to learn how itâs implemented. Turns out itâs quite simple: It combines a canvas, two colorful circles and some clever math for a very nice visual effect. I re-created it using CSS, which was a great opportunity to play with some modern CSS features such as
@property
,sin()
, and container queries, in addition to web components and Alpine.js. It only takes 1/4th of the code of the original canvas-based implementationâa great reminder of how powerful CSS has become. You can find the result on GitHub if youâre curious. Please be gentle with the demo, I did not try very hard to make it robust đŹ -
Looks like Chrome wonât be removing 3rd party cookies after all.
-
Some food for thought: The skill of the future is not âAIâ, but âFocusâ (interesting discussion on HN, too)
-
TAC (tags, attributes, classes), a CSS methodology that relies on custom tags and attributes for almost all the styling. I like the idea because it looks clean and more component-y.
-
Continuing with cool CSS-based visuals, over-engineering frosted glass is one of my favorite UI styles, and these CSS-only blurred image placeholders blow my mind đ¤Ż
-
A negative animation delay will start the animation at the point as if that time has already passed, e.g. an animation of
2s
with a delay of-1s
starts the animation at50%
. Useful if you have multiple of the same animation on one page and donât want them all to be in sync. -
The Node.js util
promisify
turns functions that take callbacks into nice modern promises. -
Eyecons is an icon pack for VS Code that automatically adapts to your color scheme.
-
Kill the newsletter, a free service that converts email newsletters into RSS feeds.
-
Firefox is the first browser to ship the new Temporal API (a.k.a
Date
but good). Still a long way to go before this will be usable, but great to see some progress.