Willy Brauner
@willybrauner.com
Front-end developer, driven by design.
Former lead front-end @ cher-ami.tv.
Musician, drummer.
Based in Lyon, France.
Freelancer
↳ https://willybrauner.com
↳ https://github.com/willybrauner
Former lead front-end @ cher-ami.tv.
Musician, drummer.
Based in Lyon, France.
Freelancer
↳ https://willybrauner.com
↳ https://github.com/willybrauner
Pinned
Willy Brauner
@willybrauner.com
· Sep 26
A dev team commissioned me to lead a training course on animation and creativity on the web. It would have been strange to lead a training course on "creative" development and web animation without a presentation tool being part of the theme!
Reposted by Willy Brauner
Thinking about using the View Transitions API now that all major browsers support it, but not sure where to start? This article’s for you! ✌️
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li/blog/start-i...
piccalil.li/blog/start-i...
Start implementing view transitions on your websites today
Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.
piccalil.li
October 28, 2025 at 5:20 PM
Thinking about using the View Transitions API now that all major browsers support it, but not sure where to start? This article’s for you! ✌️
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
Very happy to share my first blog post that’s not published on my own website 🥳, thanks Piccalilli!
✨ My last article about tweening machine is online on Codrops!
I wrote about various challenges encountered when writing my tweening library: the API design choices, staying as low-level as possible etc.
Interesting for me to write it, and I hope it will be interesting for you to read it as well.
I wrote about various challenges encountered when writing my tweening library: the API design choices, staying as low-level as possible etc.
Interesting for me to write it, and I hope it will be interesting for you to read it as well.
Ever wondered how animation libraries actually handle motion?
Willy Brauner breaks it down, sharing the story behind Interpol, a low-level tweening library and the lessons learned while building it.
Read the full article: tympanus.net/codrops/2025...
Willy Brauner breaks it down, sharing the story behind Interpol, a low-level tweening library and the lessons learned while building it.
Read the full article: tympanus.net/codrops/2025...
October 27, 2025 at 4:29 PM
✨ My last article about tweening machine is online on Codrops!
I wrote about various challenges encountered when writing my tweening library: the API design choices, staying as low-level as possible etc.
Interesting for me to write it, and I hope it will be interesting for you to read it as well.
I wrote about various challenges encountered when writing my tweening library: the API design choices, staying as low-level as possible etc.
Interesting for me to write it, and I hope it will be interesting for you to read it as well.
Reposted by Willy Brauner
New post 🎉
Going back to my roots on writing about the inner workings of things, a breakdown of key-value databases and how you might make one from scratch:
nan.fyi/database
Going back to my roots on writing about the inner workings of things, a breakdown of key-value databases and how you might make one from scratch:
nan.fyi/database
October 21, 2025 at 3:00 PM
New post 🎉
Going back to my roots on writing about the inner workings of things, a breakdown of key-value databases and how you might make one from scratch:
nan.fyi/database
Going back to my roots on writing about the inner workings of things, a breakdown of key-value databases and how you might make one from scratch:
nan.fyi/database
✨ Interpol examples updates!
I've updated all the internal Interpol usage examples inside the repository with a tweakpane instance on each of them to test different configurations and visualize the current states in real time during animation.
I've updated all the internal Interpol usage examples inside the repository with a tweakpane instance on each of them to test different configurations and visualize the current states in real time during animation.
October 16, 2025 at 1:45 PM
✨ Interpol examples updates!
I've updated all the internal Interpol usage examples inside the repository with a tweakpane instance on each of them to test different configurations and visualize the current states in real time during animation.
I've updated all the internal Interpol usage examples inside the repository with a tweakpane instance on each of them to test different configurations and visualize the current states in real time during animation.
Really curious to know who is actually using my lib except me 🤔
October 10, 2025 at 3:20 PM
Really curious to know who is actually using my lib except me 🤔
🚀 Big news! Okay Social is now open to everyone.
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
It's the social network for creatives.
Claim your handle, create a profile, and start connecting with others.
Join our community today!
👉 okaydev.co/social
October 6, 2025 at 9:54 AM
Wow... This is an incredible work. The Easing editor is a pleasure to use!
Anime.js 4.2.0 is out!
🧩 All modules can now be imported individually with subpaths
🎨 CSS variable values support
🏹 Simpler spring API with bounce & duration params
📈 More WAAPI built-in easing functions
🎛️ And an easing editor (animejs.com/easing-editor/)!
Plus tons of fixes and improvements!
🧩 All modules can now be imported individually with subpaths
🎨 CSS variable values support
🏹 Simpler spring API with bounce & duration params
📈 More WAAPI built-in easing functions
🎛️ And an easing editor (animejs.com/easing-editor/)!
Plus tons of fixes and improvements!
October 1, 2025 at 12:54 PM
Wow... This is an incredible work. The Easing editor is a pleasure to use!
A dev team commissioned me to lead a training course on animation and creativity on the web. It would have been strange to lead a training course on "creative" development and web animation without a presentation tool being part of the theme!
September 26, 2025 at 2:12 PM
A dev team commissioned me to lead a training course on animation and creativity on the web. It would have been strange to lead a training course on "creative" development and web animation without a presentation tool being part of the theme!
Can we talk about the IOS 26 design?
I'm really not sure I'll get used to it this time. The UI feels really broken at some point.
I'm really not sure I'll get used to it this time. The UI feels really broken at some point.
September 16, 2025 at 1:23 PM
Can we talk about the IOS 26 design?
I'm really not sure I'll get used to it this time. The UI feels really broken at some point.
I'm really not sure I'll get used to it this time. The UI feels really broken at some point.
Reposted by Willy Brauner
Hey 👋 with
with Justine Soulié we just released a new project
Ponpon Mania an interactive online comic!
Animated panels, playful interactions, and a sheep with a dream to become a DJ
Take a look, let us know what you think ✨
👉 ponpon-mania.com
#webgl #illustration #comics #gsap #creativecoding
with Justine Soulié we just released a new project
Ponpon Mania an interactive online comic!
Animated panels, playful interactions, and a sheep with a dream to become a DJ
Take a look, let us know what you think ✨
👉 ponpon-mania.com
#webgl #illustration #comics #gsap #creativecoding
Ponpon Mania - Interactive Comic
Ponpon Mania is an interactive comic. Follow the adventure of a megalomaniac sheep who wants to make the world dance. Created by Justine Soulié & Patrick Heng.
ponpon-mania.com
September 16, 2025 at 11:31 AM
Hey 👋 with
with Justine Soulié we just released a new project
Ponpon Mania an interactive online comic!
Animated panels, playful interactions, and a sheep with a dream to become a DJ
Take a look, let us know what you think ✨
👉 ponpon-mania.com
#webgl #illustration #comics #gsap #creativecoding
with Justine Soulié we just released a new project
Ponpon Mania an interactive online comic!
Animated panels, playful interactions, and a sheep with a dream to become a DJ
Take a look, let us know what you think ✨
👉 ponpon-mania.com
#webgl #illustration #comics #gsap #creativecoding
The advantage of developing your own tools, even if they are not very popular or unpublished...
This affects Debug and Chalk, which are widely used. Anyway, It is interesting to see the compromised code explained.
socket.dev/blog/npm-aut...
This affects Debug and Chalk, which are widely used. Anyway, It is interesting to see the compromised code explained.
socket.dev/blog/npm-aut...
npm Author Qix Compromised via Phishing Email in Major Suppl...
npm author Qix’s account was compromised, with malicious versions of popular packages like chalk-template, color-convert, and strip-ansi published.
socket.dev
September 9, 2025 at 7:34 PM
The advantage of developing your own tools, even if they are not very popular or unpublished...
This affects Debug and Chalk, which are widely used. Anyway, It is interesting to see the compromised code explained.
socket.dev/blog/npm-aut...
This affects Debug and Chalk, which are widely used. Anyway, It is interesting to see the compromised code explained.
socket.dev/blog/npm-aut...
Reposted by Willy Brauner
I've build myself a new portfolio - let's start a new chapter! 🚀
A tribute to the 80s arcade video games where you'll need to play and interact with the site to unlock all the content and features.
Will you reach the 100% mark?
→ martin-laxenaire.fr
A tribute to the 80s arcade video games where you'll need to play and interact with the site to unlock all the content and features.
Will you reach the 100% mark?
→ martin-laxenaire.fr
September 8, 2025 at 8:47 AM
I've build myself a new portfolio - let's start a new chapter! 🚀
A tribute to the 80s arcade video games where you'll need to play and interact with the site to unlock all the content and features.
Will you reach the 100% mark?
→ martin-laxenaire.fr
A tribute to the 80s arcade video games where you'll need to play and interact with the site to unlock all the content and features.
Will you reach the 100% mark?
→ martin-laxenaire.fr
I will be curious how many webgl/webpu devs have migrated to Three.js Shading Language instead of GLSL or WGSL.
The Syntax seems to be easy to understand, but I'm not confortable about learning a "non standard" shading language.
The Syntax seems to be easy to understand, but I'm not confortable about learning a "non standard" shading language.
September 3, 2025 at 5:55 PM
I will be curious how many webgl/webpu devs have migrated to Three.js Shading Language instead of GLSL or WGSL.
The Syntax seems to be easy to understand, but I'm not confortable about learning a "non standard" shading language.
The Syntax seems to be easy to understand, but I'm not confortable about learning a "non standard" shading language.
I have maybe completed 1/3 on the first one in 40 hours and finally abandoned. Definitely not a gamer 😶🌫️
Four days until release! Hollow Knight: Silksong will be available on 4th September.
Release times:
7AM PT | 10AM ET | 4PM CEST | 11PM JST
Game price:
USD $19.99 | EUR €19.99 | JPY ¥2300
Release times:
7AM PT | 10AM ET | 4PM CEST | 11PM JST
Game price:
USD $19.99 | EUR €19.99 | JPY ¥2300
September 1, 2025 at 7:01 AM
I have maybe completed 1/3 on the first one in 40 hours and finally abandoned. Definitely not a gamer 😶🌫️
Linkedin posts about automation and AI are so toxic! I posted about my new article two days ago on it and check my notifications ever since. Every time I load the feed, the first post is about "I built a startup in twenty secondes with GPT5 linked to Claude Code linked to my ass".
August 29, 2025 at 8:27 AM
Linkedin posts about automation and AI are so toxic! I posted about my new article two days ago on it and check my notifications ever since. Every time I load the feed, the first post is about "I built a startup in twenty secondes with GPT5 linked to Claude Code linked to my ass".
Some interactive modules examples I developed for my new article “Build a router for creative transitions”, now available!
⭐️ willybrauner.com/journal/buil...
#article #blogpost #javascript
⭐️ willybrauner.com/journal/buil...
#article #blogpost #javascript
August 28, 2025 at 9:39 AM
Some interactive modules examples I developed for my new article “Build a router for creative transitions”, now available!
⭐️ willybrauner.com/journal/buil...
#article #blogpost #javascript
⭐️ willybrauner.com/journal/buil...
#article #blogpost #javascript
“Build a router for creative transitions” - New article out! ✨
I wanted to demystify how a router, a key structural element of any front-end web project works, especially when it comes to handling complex route transition scenarios.
→ willybrauner.com/journal/buil...
#frontend #router #webdev
I wanted to demystify how a router, a key structural element of any front-end web project works, especially when it comes to handling complex route transition scenarios.
→ willybrauner.com/journal/buil...
#frontend #router #webdev
Build a router for creative transitions — Willy Brauner
Animating route transitions can quickly become a nightmare depending on the router you're dealing with. It's a subject I wanted to tackle early on so I'd never be limited in developing transition scen...
willybrauner.com
August 27, 2025 at 1:55 PM
“Build a router for creative transitions” - New article out! ✨
I wanted to demystify how a router, a key structural element of any front-end web project works, especially when it comes to handling complex route transition scenarios.
→ willybrauner.com/journal/buil...
#frontend #router #webdev
I wanted to demystify how a router, a key structural element of any front-end web project works, especially when it comes to handling complex route transition scenarios.
→ willybrauner.com/journal/buil...
#frontend #router #webdev
Reposted by Willy Brauner
✨ Big O ✨
Let me take you on a visual introduction to what big O notation is in my new blog post: samwho.dev/big-o.
With big O notation you can better understand how algorithms will perform in practice, finding orders of magnitude improvements often with very simple changes to your code.
Let me take you on a visual introduction to what big O notation is in my new blog post: samwho.dev/big-o.
With big O notation you can better understand how algorithms will perform in practice, finding orders of magnitude improvements often with very simple changes to your code.
August 23, 2025 at 2:35 PM
✨ Big O ✨
Let me take you on a visual introduction to what big O notation is in my new blog post: samwho.dev/big-o.
With big O notation you can better understand how algorithms will perform in practice, finding orders of magnitude improvements often with very simple changes to your code.
Let me take you on a visual introduction to what big O notation is in my new blog post: samwho.dev/big-o.
With big O notation you can better understand how algorithms will perform in practice, finding orders of magnitude improvements often with very simple changes to your code.
A preview of another module developed for my next blog post about Router & Transitions, using the Interpol Timeline visualization component.
Full article is finished & dropping soon!
Full article is finished & dropping soon!
August 18, 2025 at 12:15 PM
A preview of another module developed for my next blog post about Router & Transitions, using the Interpol Timeline visualization component.
Full article is finished & dropping soon!
Full article is finished & dropping soon!
As the maintainer of a web animation library, I'm almost more impressed by the documentation structure and examples provided on the @animejs.com (@julian.gr) website than by the big landing.
August 15, 2025 at 4:27 AM
As the maintainer of a web animation library, I'm almost more impressed by the documentation structure and examples provided on the @animejs.com (@julian.gr) website than by the big landing.
After a good break, I've finished developing the first module of my next article on building a router for creative purposes! Introducing the path matching mechanism, it was not easy to find a way to be understandable on this point.
Next to come ✌️
#article #frontend #router #javascript
Next to come ✌️
#article #frontend #router #javascript
August 11, 2025 at 2:16 PM
After a good break, I've finished developing the first module of my next article on building a router for creative purposes! Introducing the path matching mechanism, it was not easy to find a way to be understandable on this point.
Next to come ✌️
#article #frontend #router #javascript
Next to come ✌️
#article #frontend #router #javascript
Holiday note: without a good connection, the modern web is unusable. Animations, fonts, scripts, media... everything depends on the network.
We wanted to make it rich; We mostly made it fragile.
We wanted to make it rich; We mostly made it fragile.
July 29, 2025 at 10:11 AM
Holiday note: without a good connection, the modern web is unusable. Animations, fonts, scripts, media... everything depends on the network.
We wanted to make it rich; We mostly made it fragile.
We wanted to make it rich; We mostly made it fragile.