Mastodawn

#Development #Techniques
Squash and stretch · The little secret that makes animations feel alive https://ilo.im/16c4zv

_____
#Arrows #Animations #Transitions #Design #WebDesign #WebDev #Frontend #SVG #CSS #JavaScript

Squash and Stretch • Josh W. Comeau

Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the very first principle to create SVG micro-interactions that feel way more natural and believable. It’s one of those small things that has a big impact.

Frontend Dogma Apr 7

The Great CSS Expansion, by @pavellaptev.bsky.social (@gitbutler.com):

https://blog.gitbutler.com/the-great-css-expansion

#css #anchorpositioning #popovers #modals #animations #transitions #forms

The Great CSS Expansion

CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. Here is exactly how much that saves, why these libraries were painful beyond their size, and what the platform still hasn't figured out.

Butler's Log

Les Champs Libres Apr 3

🎉 Pendant les 3 jours du festival Nos Futurs, les Champs Libres ont été un formidable lieu de rencontres & de débats. Un moment d’intelligence, de vie et d’espoir. Merci aux quelques 18 000 visiteurs et à la centaine de jeunes organisateur·ices du festival !

📢 Retrouvez dès à présent les replays des rencontres & les ressources : https://www.leschampslibres.fr/au-programme/nos-futurs/nos-futurs-2026-les-ressources

#NosFuturs #transitions @lemonde

—
Crédit photos : Arnaud Géré (2) et Maël Guibré (1,3,4), CC BY-SA

IRAP Mar 31

En marge du festival d'#astronomie de Fleurance, six projections de #films documentaires scientifiques suivies de #débats sont proposées. Ce #festival "se veut le porte-voix d'un #cinéma contemporain qui explore avec audace les #défis scientifiques et les #transitions" sociétales actuelles.

En ce mois d'avril, les personnels de l'IRAP contribueront à la #sélection des films présentés. La sélection officielle sera annoncée au mois de Mai. Restez connecté(e)s 🔗 🔈 ☀️

https://www.festival-astronomie.fr/festival-du-film-de-fleurance/

U3dn Mar 26

Futuristic Transitions SFX #Sound #Swooshes #Futuristic #Soundeffects #Transitions #Scifi #Jetpack #Passby #Sfx #Game #Flying #Future #Spacecraft #Transition #Whooshes #AssetStore

https://u3dn.com/packages/futuristic-transitions-sfx-307550

Reel Tubes Mar 10

Love custom video moves? Check out two clear examples of custom transitions for Kdenlive using ImageMagick from Linux Magazine — great for creative editors and open-source tinkering! Level up your edits! #Kdenlive #ImageMagick #Linux #VideoEditing #OpenSource #Tutorial #Transitions #English
https://prtb.fname.ca/videos/watch/bf981d47-4e89-4d91-b149-5b29728e97b4

Custom Transitions

PeerTube

Chris Lemoine Mar 10

I'm sorting through old papers, papers, papers, prints, papers, and tossing out lots of stuff. Found some old print blocks and this lino print from around 1990. Much of my old stuff is simply bad, but I still like the animated gown of the lion figure and the humanoid lizard on the right. Also, I have no memory at all of making this, and the print block is gone. What a strange life sometimes.
#art #blockprint #print #time #life #transitions #linoprint

dryad Mar 9

Expressions are now open! It's gonna be amazing :)

"We’re entering the decade of #transitions, #climate, #digital, #demographic, #governance and more. This Forum positions Aotearoa as a global prototype for systems #transformation grounded in tikanga, whakapapa, and future intelligence."

#foresight #futures #aotearoa #newzealand #reweaving

https://www.learningcitychristchurch.nz/aotearoa-futures-forum-2026