نبذة عني
Senior front-end developer, lead & educational writing. Previously lead front-end @…
النشاط
٩١١ متابع
-
Willy Brauner شارك ذلكMy latest article, 'Signals: The Push-Pull Based Algorithm,’ hit 20K views in just two weeks (!!!). A huge thanks to Hacker News users for pushing it to the top of the front page yesterday. it’s incredibly rewarding to see people engage with a topic I’ve been deeply immersed in for months. In case you missed it: https://lnkd.in/eNASeGbD #blogpost #article #frontend #signalsSignals, the push-pull based algorithm — Willy BraunerSignals, the push-pull based algorithm — Willy Brauner
-
Willy Brauner شارك ذلكNew article released! 🎉 I’m breaking down everything I’ve learned about the push-pull algorithm in Signals. The topic is fascinating and more relevant than ever, as evidenced by the massive adoption of Signals by some of the most popular front-end frameworks. This is an important publication for me because this article required more research and creativity than any of my previous posts. It took me nearly four months to write, balancing it alongside my client projects. I hope all those evenings spent writing on the sofa will help someone learn something new. Enjoy! → https://lnkd.in/eNASeGbD #signals #frontend #article #blogpost
-
Willy Brauner شارك ذلكWhat happens 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 spent a lot of time last three months developing visual abstraction like this one. I'm really looking forward to sharing it with you! #blogpost #article #reactivity
-
Willy Brauner شارك ذلك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. I continue to keep the package size under 3.5 KB, but I have to rework the core every time I add a new feature. An interesting budget limit anyway. #opensource #animation #typescript
-
Willy Brauner شارك ذلكSince Advent of code was only 12 puzzles this year, and my dad was very frustrated about that, I developed for him a private clone of the #adventOfCode website with the 13 missing algorithm problems of the year :) It was super fun to do especially writing the history around each puzzle, full of private jokes (The reason why it remains private). Furthermore, I'm discovering how complex it is to have IDEAS about puzzle algorithms. Mine are mostly string parsers, regexp, BSF/DSF, Manhattan distance, Gauss summation... Pretty much everything I've learned playing Advent of Code these last 4 years. #puzzle #algorithm #website
-
Willy Brauner شارك ذلكMy second year as a freelancer has been a perfect balance between production and article writing. I’ve had the chance to work with the teams and agencies I’ve always hoped to collaborate with, and it all happened much faster than expected :) Thank you for having me, and for your trust. My only regret is that most of the projects I worked on this year cannot be shared yet. This year was also a great opportunity to start a personal journal and write interactive articles about my craft. I’m very proud to have maintained this habit throughout the entire year. My posts remain free to read on it; I’ve recently updated the home page, and it’s now ready to host new topics for 2026! A new article is already cooking on a subject that has particularly sparked my interest lately. I’ll be sharing more details soon. Wishing everyone a very happy end of the year. Willy
-
Willy Brauner نشر ذلك(French post for a French team) Un petit message pour formuler un grand merci à Matthieu Rébillard, Benjamin Joly et Gavid Dourdet. J'ai eu la chance d'intervenir comme formateur auprès de l'équipe de développement front-end de LMWR à Nantes la semaine passée. Une bonne occasion pour moi de mettre sur le papier un certain nombre de notions que je n'avais jamais eu à mettre à plat jusqu'ici à propos de motion design, d'animation web, de design patterns, d'architecture d'applications et d'intégration. J'ai sûrement trop parlé (certains savent :)), pour le meilleur, j'espère. Et merci à JCA et Mathieu BACCONNET de m'avoir porté sur cette intervention, ils ont fait un boulot remarquable pour que cette rencontre ait lieu. Retour à la prod.
-
Willy Brauner شارك ذلك✨ My last article about tweening machine is online on Codrops! I wrote about the motivations and various challenges encountered when writing my tweening library (Interpol): the API design choices, staying as low-level as possible, performances and how to organize and test this type of tool. Finally I also discusses the mental model I developed around the concept of interpolation. It was interesting for me to write it, and I hope it will be interesting for you to read it as well. ➡️ https://lnkd.in/dYMiNiRc
-
Willy Brauner شارك ذلك✨ 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. These examples allow me to run live tests (in addition to unit tests) while I develop or fix features on the lib. I needed to do a little cleaning and prepare some more graphical and functional examples for a new article coming soon. 👇 Want to start all examples at once with a single command line? git clone [email protected]:willybrauner/interpol.git && \ cd interpol && \ pnpm i && \ pnpm build && \ pnpm dev --open 👀 Interpol repository - https://lnkd.in/eAz9wueq
Willy Brauner قام بالتعليق على منشور
١ أسبوع
Mais qu'est ce que j'observe dans les sources ? :)
-
Willy Brauner أضاف إعجابًا إلى ذلكWilly Brauner أضاف إعجابًا إلى ذلكJe vous en avais parlé il y a quelques semaines, voici enfin le projet en lien avec la basilique de Fourvière! 🔔 Il est le premier d’une collection initiée entre les Éditions Libel et la Fondation Fourvière. 📚 Je me réjouis de cette collaboration avec une maison d’édition lyonnaise qui me permet de mettre en valeur ma ville! 🦁 Nous avons imaginé un principe de couverture avec une découpe issue de l’architecture de la basilique, qui laisse apparaître un détail d’une image imprimée sur le rabat: ce genre de petit détail de fabrication qui font que le livre imprimé est bien un objet à manipuler. 👌🏻 Le format et les courtes marges de tête et de pied rendent une impression d’élancement vers le haut, symbole de la basilique perchée sur sa colline. Les lettres de la police de titrage sont aussi assez étroites et hautes, pour amplifier cette impression et donner toute son élégance à cette collection. ⛰️ Durant la dernière décennie, une nouvelle dynamique a été insufflée à la basilique de Fourvière, bâtiment classé à l’UNESCO, symbole de la « colline qui prie » et de la ville de Lyon tout entière. Bien au-delà de la simple rénovation des lieux, ce « Nouvel Élan » a porté une vision et un usage renouvelés du sanctuaire, pour un objectif qui n’a jamais varié: l’accueil de toutes et tous. 🙏🏻 Le premier ouvrage de cette collection retrace ce parcours et rend hommage aux personnes qui ont porté ce projet. … et une prochaine publication dans cette collection est déjà en cours! _ 👋 Je suis Charlotte, graphiste spécialisée dans les supports imprimés pour les secteurs du livre, des arts et du patrimoine. Si vous avez un projet de communication, d’édition ou d’exposition, contactez-moi pour en discuter, et travaillons ensemble!
-
Willy Brauner أضاف إعجابًا إلى ذلكOur latest project for EnduroSat The Space Services page was fully designed and developed in-house at 60fps, from concept to production. We also collaborated closely with Kreativa Studio on the development of the homepage and configurator. More to come soon.Willy Brauner أضاف إعجابًا إلى ذلكWe are pleased to unveil the result of our collaboration with EnduroSat. EnduroSat is helping make satellite missions and space data more accessible through a streamlined, end-to-end approach. Together, we developed three core experiences: - a satellite configurator designed to simplify complex system assembly - a dedicated Space Service platform presenting their “space-as-a-service” model - a new homepage conceived as a high-performance digital flagship Each experience combines design, engineering, and real-time 3D to translate highly technical ecosystems into interfaces that are clear, intuitive, and engaging. Many thanks to the team at EnduroSat for their trust, and to our partners at Kreativa Studio for their work on the homepage and configurator design. Try it here : https://www.endurosat.com/
-
Willy Brauner أضاف إعجابًا إلى ذلكWilly Brauner أضاف إعجابًا إلى ذلكCompanies: "Coding is dead. AI writes all the code now." Applicants: "Great! So this means we don't have to do code challenge interviews anymore?" Companies: "You might hear back from us if you can rebuild the entire NYT games section, complete with unit tests, in 30 minutes all by yourself on the first try. Please save your questions until then."
-
Willy Brauner أضاف إعجابًا إلى ذلكWilly Brauner أضاف إعجابًا إلى ذلكLa semaine dernière, j'ai dispensé auprès d'agents de France Titres - Agence nationale des titres sécurisés - ANTS la formation "Les clés de l'accessibilité numérique" pour Cegos France. Deux journées à parler handicap, accessibilité numérique, cadre réglementaire et RGAA auprès d'agents pour la plupart déjà sensibilisés aux enjeux de l'accessibilité numérique et désireux d'aller plus loin dans la compréhension des situations de handicap face au numérique et des solutions que nous offrent la mise en place d'une démarche d'accessibilité numérique. Indispensable lorsqu'on travaille au quotidien sur des services numériques qui concernent près de 70 millions de Françaises et de Français ! Deux jours d'une très grande richesse pour moi, et une formation que j'espère également pouvoir porter auprès d'acteurs privés à l'avenir. --> Pour s'inscrire aux prochaines sessions : https://lnkd.in/dTZEubkW PS : Le saviez-vous ? L'ASCII art dont s'inspire ce visuel est un "contenu cryptique" qui doit avoir une alternative textuel selon le critère 13.5 du RGAA :-) #formation #accessibiliténumérique #handicap #rgaa
-
Willy Brauner أضاف إعجابًا إلى ذلكWilly Brauner أضاف إعجابًا إلى ذلكQuand la cuisine devient un terrain de rencontre. 🍽️ J'ai photographié « Les Minguettes dans l'assiette » à la Ville de Vénissieux, un concours organisé par VRAC Lyon Métropole autour de l'alimentation locale, créative et de saison. Des habitant·es aux fourneaux qui ont cuisiné, osé, partagé. Un jury passionné et bienveillant - Davy Tissot (chef étoilé, Bocuse d'Or), Sadia Hessabi (traiteur chez Kaboulyon) et Malika Benmeddah (cuisinière) - a goûté, échangé, encouragé. Un public gourmand. Et surtout : des sourires partout. Le goût du bon et du fait ensemble a rassemblé les gens, fait germer des amitiés, parce qu'une assiette partagée, c'est un acte de lien. 🌱 📸 Quelques images ci-dessous. Merci à VRAC Lyon Métropole, Alliade Habitat, Lyon Métropole Habitat, Métropole de Lyon, GrandLyon Habitat, Bellebouffe, Centres sociaux des Minguettes, VoisinMalin, Sauvegarde 69, Nathalie Bedel, Alexia Fontoynont, Carla Mourtoux, Gilliane Gougaud, Pauline Gautier, Marion Breuillot, Rémi Bullion
-
Willy Brauner أضاف إعجابًا إلى ذلكWilly Brauner أضاف إعجابًا إلى ذلكNouvelle réalisation – Bureau Rouge Bureau Rouge est un studio de production intervenant dans les domaines de la mode, de l’architecture, du design, de la scénographie et des projets culturels. J’ai eu le plaisir d’accompagner Natalia de Kaer Studio, à l’origine de l’identité, dans la création du nouveau site de Bureau Rouge. Un site conçu comme une expression claire et maîtrisée de cette identité. Simple, précis, avec une attention portée au détail. Site : bureaurouge.com Client : BUREAU ROUGE Design et identité visuelle : Natalia Karczewska Développement : Theo Plawinski
الخبرة والتعليم
-
CEFEDEM Rhône-Alpes
عرض خبرة Willy الكاملة
بالنقر على الاستمرار للانضمام أو تسجيل الدخول، أنت توافق على اتفاقية المستخدم واتفاقية الخصوصية وسياسة ملفات تعريف الارتباط على LinkedIn.
المنشورات
-
Signals, the push-pull based algorithm
Willy Brauner
عرض المنشورWe have been using Signals in production for years via several modern front-end frameworks like Solid, Vue, and others, but few of us are able to explain how they work internally. I wanted to dig into it, especially diving deep into the push-pull based algorithm, the core mechanism behind their reactivity. The subject is fascinating.
-
Interpol: A low-level take on tweening and motion
Codrops
عرض المنشورThree years ago, I started developing a lightweight interpolation library called Interpol. If you enjoy digging into how web animation mechanisms work under the hood, you’re in the right place.
-
Build a router for creative transitions
willybrauner.com
عرض المنشور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.
-
A fluid CSS methodology
willybrauner.com
عرض المنشورFluid CSS methodologies have completely transformed my approach to web integration by improving the responsive aspect and simplifying maintenance. I find this topic deceptively simple yet incredibly powerful and still relevant today.
أعضاء آخرون يحملون اسم Willy Brauner
2 أخرى باسمWilly Brauner على LinkedIn
استعرض الأعضاء الآخرين الذين يحملون اسم Willy Brauner