Willy Brauner

@willybrauner
65 Followers
154 Following
112 Posts

Front-end developer, driven by design
Former lead front-end @ cher-ami.tv
Musician, drummer.

Freelancer.
https://willybrauner.com
https://github.com/willybrauner

“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.

https://willybrauner.com/journal/build-a-router-for-creative-transitions

#frontend #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 scenarios, which led me to develop my own solutions.

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

I’ve been actively developing and improving Interpol for the past 3 years, and have used it in several projects. If you’re a GSAP user, or anyone looking for a low-level animation engine, feel free to check it out:
👉 https://github.com/willybrauner/interpol
GitHub - willybrauner/interpol: Interpolates values with a GSAP-like API ~ 3kB

Interpolates values with a GSAP-like API ~ 3kB. Contribute to willybrauner/interpol development by creating an account on GitHub.

GitHub

I created a visual playback timeline component for Interpol, my open-source interpolation library. It displays the real-time progress and relative positions of multiple interpolations. The system is fully declarative; Just pass a Timeline instance to the visual component, and it handles all the rendering automatically!

#interpol #frontend #motion #typescript

I completely forgot to share this motion, developed for a previous project. I reproduced the #iOS drag/touch page transition from scratch, pretty pleasant to use on the web too.

#frontend #motion #ui #web

Quality is a trap

It is a proxy phrase, often born of an inability or unwillingness to articulate other concerns.

Enjoy. #AI #CEO.

Source: "Internet" 🫣

Edit: Apparently, the original images are due to Allie Brosh at https://hyperboleandahalf.blogspot.com/ . Still don't know who added the text.

New article 📖 I wrote some notes about the last Advent of Code Challenge, what I learned, and some algorithms that seem to be needed every year.

https://willybrauner.com/journal/aoc-2024
#blog #adventOfCode

Advent of Code 2024, some notes — Willy Brauner

For four years, I tried to participate in the Advent Of Code challenge each December. While waiting for my Christmas gift, I lose myself in these puzzles which improve my skills in algorithms and help me discover new things.

New article!

I’ve been wanting to formalize a fluid CSS integration methodology for a while — something that has evolved through my projects and discussions with different teams.

📖 https://willybrauner.com/journal/a-fluid-css-methodology
#css #frontend #blogpost

Willy Brauner

front-end developer engineering design systems & interactive experiences.

With the new folio comes my first article about the linear interpolation and what I learned building the Interpol javascript library.

I hope you enjoy it as much as I enjoyed writing it.
📖 https://willybrauner.com/journal/interpol

#article #javascript #interpolation

Interpol — Willy Brauner

I decided to write my own GSAP library, but starting a new project with too many subjects to cover was not a good idea. I finally focused on interpolation.