Willy Brauner
@willybrauner
Front-end developer, driven by design. Former lead front-end @ cher-ami.tv. Musician, drummer. Based in Lyon, France. Freelancer ↳ ↳
Last @obsidian.md plugin I developed for my own usage: I can translate or rewrite English formulations on request! This will save me from having to switch to Google Translate at the slightest hesitation. Behind the scene, my plugin use a small local AI model.
I continue to "notionalize" my @obsidian.md with some personal custom plugin like select properties. It's an hybrid solution that allows to set a simple text or select a previous one already created from a drop down. Seems to work pretty good :)
I've been using @notion.com for two years and I love the concept of infinitely nested nodes. But it's time to store my data locally. For me, @obsidian.md is very close to matching Notion's ease of use. That's why I wrote this little plugin that lets you create pages and bases just like in Notion.
What appens in your application when we spam click a button that set or read a signal/computed primitive 😂 My new article about Signals is almost ready! I'm really looking forward to sharing it with you!
I’ve finally found some time to make progress on my next article, which explores the push/pull-based signal approach. I designed and developed this module to showcase the push-based concept, fully animated with the latest version of Interpol. I hope to release it this month! #blog #animation
Super proud of this PR on Interpol: It's now possible to nested timelines with the existing API 🎉 This is an exciting feature that allows for the creation of more complex animations and/or split animation logics. changelog v0.31.0 github.com/willybrauner...
I implemented a "keyframes" feature, now available in Interpol v0.28.0! Instead of just using a simple [from, to] pair, you can now define sequences like [keyframe1, keyframe2, keyframe3, ...] for any property. #motion #animate #javascript #opensource
My next article is in progress (at least I hope so). I wouldn't have thought this topic could be so complex. Started like 2 months ago in the evening on a corner of the sofa and still far from finished… #signal #javascript #blogpost
Huge fan of this little tool for macOS. It replaces apps like CleanMyMac, AppCleaner, and iStat Menus, all in the term! github.com/tw93/Mole #macos #opensource
It was super fun to do especially writing the history around each puzzle, full of private jokes (The main reason why it remains private).
Since Advent of code was only 12 puzzles this year, and my dad was very frustrated about that, I developed a private clone of the #adventOfCode website by @was.tl with the 13 missing algorithm problems of the year :)
✨ 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.
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.
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
Thanks! No I don't speak about this but it's pretty easy with this "middleware" to prevent, queue or start new transitions, depends of what you want. In the last sandbox example, for "design" reasons, I append every requested routes to the render, even if the previous was not totally play-out.
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!
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 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. 👉 github.com/willybrauner... #frontend #interpol #gsap #motion #typescript
I completely forgot to share this motion, developed for a previous project. I reproduced the #iOS drag/touch view transition from scratch, pretty pleasant to use on the web too.