Julien Vasseur

194 posts

Julien Vasseur

@julvssr

Frontend Developer @makemepulse — ex @StudioP2MV (co-founder)

Nantes, France Katılım Ocak 2010

131 Takip Edilen292 Takipçiler

Julien Vasseur retweetledi

Motion@motiondotdev·5 Kas

Animating layout isn't always bad. Global CSS variables are a performance killer. Hardware accelerated blurs can crash sites. Surprised? We go into all this and more, in the first Web Animation Performance Tier List: motion.dev/blog/web-anima…

English

111

1.2K

303K

Julien Vasseur retweetledi

Lei Chen@chenleidev·23 Tem

I am the current maintainer of Stylus. The Stylus library has been flagged as malicious lib, which has caused many lib and frameworks that depend on Stylus to fail to install. Please help me retweet this msg in the hope that the npmjs official team will take notice of this issue

English

283

689

117.6K

Julien Vasseur@julvssr·26 Haz

@anatudor I would skip the align-content and height: 100%; properties and use margin: auto 0; max-height: 100%; instead.

English

Ana Tudor 🐯 (find me on Bluesky/ Mastodon)@anatudor·26 Haz

Help an idiot who can't understand layout? How can I make (cross-browser) the grid middle aligned vertically when it's shorter than the grid container & top aligned when it's taller than it? Other than weirdness with nested containers + translate. 🤔 codepen.io/thebabydino/pe…

Ana Tudor 🐯 (find me on Bluesky/ Mastodon) tweet media

English

934

Julien Vasseur@julvssr·20 Oca

@jaffathecake I like to use onCount = Math.max(0, Math.min(size, onCount)); to clamp a value, do you think this is human-readable enough?

English

558

Jake Archibald@jaffathecake·20 Oca

Here's how I'd actually write it, if maintaining the same flexibility was important. Naming could be better. Tried to avoid 'length' due to the mismatch with string.length.

English

132

16.9K

Jake Archibald@jaffathecake·19 Oca

Why didn't they use functional JavaScript?

Jeroen Frijters@JeroenFrijters

The Dutch government was forced to release the source code of their DigiD digital authentication iOS app. It is written in C#. github.com/MinBZK/woo-bes…

English

775

252.9K

Julien Vasseur@julvssr·10 May

@SachaGreif @GatsbyJS @RedwoodJS @gridsome is one of them

English

Sacha Greif@SachaGreif·10 May

What are some frameworks that make use of #graphql internally? So far I’ve got @GatsbyJS and @RedwoodJS, any other?

English

Julien Vasseur retweetledi

makemepulse@makemepulse·29 Mar

Woop woop! For the second month in a row after January’s win with Unconventional Gallery, we’ve been voted site of the month with @awwwards for our immersive #WebXR experience Magical Reflections. Check out the below for an in depth look into how we made the magic happen🪄

awwwards.@awwwards

🏆 The award for February's Site of the Month goes to @makemepulse for 'Magical Reflections' Read about the process behind the unique cultural WebXR immersive experience. bit.ly/magical-reflec… #3D #WebGL

English

Julien Vasseur@julvssr·14 Eki

@VictorLerat Tu peux utiliser le nouvel outil CSS Overview de Chrome Devtools, tu as un onglet sur les fonts. Plus d'infos ici blog.bitsrc.io/google-chrome-…

Français

Victor Lerat@VictorLerat·14 Eki

Vous connaissez un outil pour savoir si des fonts chargées sont bien utilisées sur un site web ? #Lighthouse #Webperf

Français

Julien Vasseur@julvssr·30 Eyl

@benjamincode @titouanmathis The timeline object also get a built-in `tweenTo` method which achieve the same result :) greensock.com/docs/v3/GSAP/T…()

English

Benjamin Code@benjamincode·29 Eyl

@titouanmathis Amazing! I tried to make something like this but using my own code... Did not think to use gsap.to on the actual timeline! Incredible.

English

Benjamin Code@benjamincode·29 Eyl

Yesterday night I went back to this effect. Trying to create to JavaScript version. I'm almost there. The reverse effect when we mouseout is better than the one I had in css. But... How to add an ease effect to the whole Timeline #GSAP... I could not find a way to do it.

GIF

English

Julien Vasseur retweetledi

Matt DesLauriers@mattdesl·16 Haz

Announcing WAYFINDER—a relaxing 'art game' in your browser that combines illustration, procedural generation, and computational poetry. 🍃 Produced by @thenfb. Explore an animated landscape to recover nature's lost memories and build Haiku-like poems. 👉 wayfinder.nfb.ca

English

107

536

2.5K

Julien Vasseur@julvssr·14 Haz

@gauthvan 🐘

QME

Gauthier@gauthvan·14 Haz

Team West Coast 🥳🥳

makemepulse@makemepulse

We are thrilled to announce that the talented @StudioP2MV team is joining the makemepulse family 🤘

English

Julien Vasseur@julvssr·2 Nis

@luruke @active_theory Awesome! Really pleased for you! Have fun! 😊

English

Luigi De Rosa@luruke·1 Nis

Thrilled to share with you that starting from today I joined @active_theory as WebGL developer! Really excited for the future 😎

English

196

Julien Vasseur@julvssr·23 Şub

@QuentinHocde Bravo à toute l'équipe, amplement mérité ! 👏

Français

Quentin Hocdé@QuentinHocde·23 Şub

I have no words, I'm so proud right now 🥰 Congrats to the whole team ❤️

Locomotive®@LocomotiveMTL

We did it! For the third year in a row, Locomotive has been crowned @AWWWARDS Agency of the Year - Jury Vote! Major props to our entire team 🤘 ➡️ awwwards.com/annual-awards-…

English

Julien Vasseur@julvssr·28 Oca

@VictorLerat @LoukilAymen @GPeyronnet L'astuce c'est d'utiliser la balise <picture> pour ces images, avec une sous-balise <source> pour le format webp et une sous-balise <img> avec un autre format en fallback ;)

Français

Victor Lerat@VictorLerat·28 Oca

Le format #Webp n'est pas pris en compte par #Safari ? Jusqu'à quand ? C'est quoi l'astuce sinon ? y'a un hack en dev pour afficher une image spécifique pour Safari et une autre pour les autres navigateurs qui supportent le WebP ? cc @LoukilAymen @GPeyronnet

Français

Julien Vasseur@julvssr·19 Oca

Goal for this year 💪

Bruno Simon@bruno_simon

Three.js Journey is live! 🎉 Learn how to create stunning 3D WebGL websites with the #threeJs library through more than 30 hours of video for $95 only (VAT incl.) threejs-journey.xyz #threejsJourney #webGL

English

Julien Vasseur@julvssr·13 Oca

@adamwathan Yeah, I'm not a fan of using empty elements to achieve this but this is as far as I could figure how to do it using default config. I don't mind having a shirt though 😜

English

Julien Vasseur@julvssr·13 Oca

@adamwathan Got this for you @adamwathan, not the best implementation but I think this is the result you expected play.tailwindcss.com/bJK5CLSOIM?siz…

English

Adam Wathan@adamwathan·13 Oca

Any smart CSS cookies out there have any idea how to achieve this without a negative percentage based margin? I need "margin-right: -25%" on the image container here to trick it into being "too big" so the image trails off the side of the screen while also automatically scaling.