Boris Couderc

Front-end developer - JavaScript | React JS | UX/UI Design

[Next.js @nextjs]

New agent skill: 𝚛𝚎𝚊𝚌𝚝-𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚜

Add React <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘����> animations to any React app. Also covers how Next.js can natively integrate them.

• Animate elements across navigations
• Slide pages forward and back
• Smooth loading transitions
• Composition and accessibility handled

[Sam Selikoff @samselikoff]

✍️ New blog post: "Instant Search Params with React Server Components"

The result of my three-week obsession with React's new useOptimistic hook — ultimately leading me to a much richer understanding of React transitions.

Hope you enjoy!

https://t.co/aWFShEBHmw

[basement.studio @basementstudio]

Let’s talk about the WebGL magic behind @kidsuper’s website and how we leveraged some serverless storage solutions from @vercel.

Learn from our devs here:
↳ https://t.co/ugN1Q9WOmD
https://t.co/ugN1Q9WOmD

[Una 🇺🇦 @Una]

🤯 Wow, 2023 was huge year for CSS!

💥 Catch up on what landed in browsers in our end-of-year roundup: CSS Wrapped

🥳 It's been awesome to put this together w/@argyleink &amp; @bramus over the past few weeks and see it all in one place!

🔥 #CSSWrapped2023

https://t.co/qcOFannfSC

[Ozan Öztaskiran @ozanoz]

📖 Bézier Curves, by @ekwonye

An excellent article showcasing how bezier curves work from a design engineer's perspective.

https://t.co/p2Aq6lN8cv

[matia 🇭🇷 @joyofcodedev]

Learn how Svelte runes change how reactivity works in Svelte by using signals for a more universal reactivity system. 🔥

📺 https://t.co/VZh10CsTli

[Wes Bos @wesbos]

CSS Nesting just landed in Firefox 117 which puts it at 100% browser support!

You can start using it today — here are 11 examples on how it works 👇

[Max Ⓦ CapitaineWP 👨‍🚀 @Maximebj]

Et tant qu'à faire du #CSS un peu edgy, pour éviter d'avoir un menu fixe en bas qui se coince sous la barre horizontale iOS, il suffit d'utiliser padding-bottom: env(safe-area-inset-bottom);

[Daniel Velasquez @Anemolito]

Sharing resources on the essential creative dev's component in my newsletter, The WebGL slider/scroller🖼️

Check your inbox or the website for extra content :)

https://t.co/mT9A20rCJC

#threejs #webgl #creativecoding

[☄︎ @0xca0a]

added some recent examples to https://t.co/FxqLAxkr9F

🔴 132 sandboxes
🟠 100% open source
🟡 showcasing simple ideas &amp; features
🟢 most are tiny
🔵 react + threejs

[Codrops @codrops]

Case Study: Windland — An Immersive Three.js Experience

A look into the making of a mini-city full of post effects and micro-interactions using Three.js. By @Andersonmancini

https://t.co/TeRwMVtX1k

#casestudy #webgl #threejs #immersive #frontend #coding #3d #interactive

[Luis Bizarro @LuisBizarro]

My biggest 5 coding mistakes as a Creative Developer during my career. A thread going through specific nitty-gritty of some code that I had implemented wrongly in some of my previous projects. 🧵

[Varun Vachhar @winkerVSbecks]

I've struggled with @threejs for many years.

Until it finally clicked thanks to @pmndrs React Three Fiber.

The familiar syntax meant that I could apply my app dev skills to 3D graphics—custom geometry, shaders &amp; effects.

My new article shows you how:
https://t.co/VDCK3acDN4

[Stef Walter - inactive, only crossposting @WalterStephanie]

⭐ Mon guide de "ce qu'il ne faut pas oublier quand on design pour la performance". Ecrans de chargement, vide, erreur, synchronisation, perte de connexion: un retour d'experience sur mon processus et mes méthodes de design présenté à @_welovespeed
https://t.co/XgSzFEPUXS

[Boris Couderc @BorisCouderc]

Things You Can Do With CSS Today ! https://t.co/05avJClNql via @smashingmag

[Jared Spool @jmspool]

This article highlights a new CSS standard that gives the designer more control over vertical spacing on the web.

https://t.co/v3KnixBR9Y