Mastodawn

🔮 Transitions
by Jakub Antalik
#Jakubantalik
Collection of the most essential transitions for web apps that
you can just copy and paste into any project.
#webdev #Animation #DevelopersTools #Transitions

https://transitions.dev/

blog.TO 5d ago

Ontario's July forecast for 2026 is in and here's what's in store
Summers in southern Ontario rarely stick to a single rhythm, and this July is shaping up to double down on that trend, as an early long-range outlook points to a month full of quick transitions between hot temperatures, thunderstorms, and plenty of precipitation.The Old Farmer's Almanac released its long-range weather forecast for southern Ontario this week, whic...
https://www.blogto.com/city/2026/06/ontario-july-forecast-2026/

Inautilo 5d ago

#Development #Techniques
Entry and exit transitions with modern CSS · Techniques for transitions and view transitions https://ilo.im/16de22

_____
#ModernCSS #Transitions #ViewTransitions #Animations #APIs #WebDev #Frontend #HTML #CSS #JavaScript

Entry And Exit Transitions With Modern CSS

Learn how to do enter and exit CSS transitions using @starting-style, animate discrete properties like display, and use the View Transition API for smooth layout animations.

Joy of Code

Frontend Dogma May 28

Revealing Text With CSS “letter-spacing”, by @preethisam.bsky.social (@csstricks):

https://css-tricks.com/revealing-text-with-css-letter-spacing/?ref=frontenddogma.com

#css #animations #transitions #effects

Revealing Text With CSS letter-spacing | CSS-Tricks

Until we get something like ::nth-letter, there are still some really cool text effects we can make from existing CSS features, like letter-spacing, ::first-word and ::first-line.

CSS-Tricks

Inautilo May 26

#Development #Comparisons
CSS vs. JavaScript · Animation performance is more nuanced than expected https://ilo.im/16d8gb

_____
#Animations #Transitions #Motion #GSAP #APIs #WebPerf #WebDev #Frontend #CSS #JavaScript

CSS vs. JavaScript • Josh W. Comeau

There are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performance cost compared to traditional CSS transitions and keyframe animations. In this blog post, we’ll compare the same animation across several different strategies and see the differences firsthand. There’s some interesting nuance here!