I thought I'd do a little technical breakdown of this one. Creative experience with WebGL, scroll animations and custom interactions, built under hard accessibility and performance constraints from day one. 🧵 #FrontEnd #Javascript [1/9] 👇

Bastien Cornier@bastiencornier.bsky.social · 8mo ago

New collab with Collectif Parcelles - pushing creative, accessible & sustainable web. Interactive site with WebGL shaders + scroll animations, RGAA/RGESN(a11y/sustainability) compliant. Tech: Vue/Nuxt, Vanilla JS, WAAPI, OGL, <500kB total. Immersive ≠ heavy → collectifparcelles.fr #a11y #webgl

Just found www.designspells.com. A very nice source of micro-interaction for websites, products and mobile apps. Go have a look !

Design Spells · Design details that feel like magic

Discover micro-interactions, easter eggs, and other seemingly extra design details that infuse life, personality, and fun back into the web.

designspells.com

Been using photogradient.com a lot lately for designing my new portfolio. Such a nice tool.

Photo Gradient

Generate beautiful gradients from colors or from a photo

photogradient.com