Maxime
@maxiim3.bsky.social
front-end software developer
permaculture driven mindset
speak 🇫🇷🇬🇧🇷🇸🇧🇦🇭🇷🇲🇰
life is movement. meditation is life.
we are all stardust after all
permaculture driven mindset
speak 🇫🇷🇬🇧🇷🇸🇧🇦🇭🇷🇲🇰
life is movement. meditation is life.
we are all stardust after all
Did you know about corner-shape ?
Looks really cool
Looks really cool
What Can We Actually Do With corner-shape? | CSS-Tricks
When I first started messing around with code, rounded corners required five background images or an image sprite likely created in Photoshop, so when
buff.ly
September 19, 2025 at 1:00 PM
Did you know about corner-shape ?
Looks really cool
Looks really cool
{⚔️} #CSSBattleDaily Aug 21 — 585.41 score / 389 chars cssbattle.dev/play/JVSLmW0... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
August 21, 2025 at 12:19 PM
{⚔️} #CSSBattleDaily Aug 21 — 585.41 score / 389 chars cssbattle.dev/play/JVSLmW0... #CSSBattleChallenge via @cssbattle.dev
This one is really cool:
You are working on a feature, but you need the changes you made in a file on another branch. Just pick that file from that branch.
git checkout -- src/foo/bar.ts
#git
You are working on a feature, but you need the changes you made in a file on another branch. Just pick that file from that branch.
git checkout
#git
August 18, 2025 at 12:05 PM
This one is really cool:
You are working on a feature, but you need the changes you made in a file on another branch. Just pick that file from that branch.
git checkout -- src/foo/bar.ts
#git
You are working on a feature, but you need the changes you made in a file on another branch. Just pick that file from that branch.
git checkout
#git
One of my favorite git command: copy the current working branch.
I created an alias cause I am using it all the time (For commit messages or logging)
alias clipbr = git branch --show-current | clip
#git
I created an alias cause I am using it all the time (For commit messages or logging)
alias clipbr = git branch --show-current | clip
#git
git-copy-current-branch.bash
GitHub Gist: instantly share code, notes, and snippets.
buff.ly
August 15, 2025 at 1:01 PM
One of my favorite git command: copy the current working branch.
I created an alias cause I am using it all the time (For commit messages or logging)
alias clipbr = git branch --show-current | clip
#git
I created an alias cause I am using it all the time (For commit messages or logging)
alias clipbr = git branch --show-current | clip
#git
This is why you should never use indexes as keys in for loops with @reactjs or @vuejs
In this example you can see two container, one using the index, the other one using a unique id.
You can try it yourself here buff.ly/ivcDMvu
If the playground is down, you can use the repo buff.ly/IZ8CnlN
In this example you can see two container, one using the index, the other one using a unique id.
You can try it yourself here buff.ly/ivcDMvu
If the playground is down, you can use the repo buff.ly/IZ8CnlN
August 13, 2025 at 12:02 PM
This is why you should never use indexes as keys in for loops with @reactjs or @vuejs
In this example you can see two container, one using the index, the other one using a unique id.
You can try it yourself here buff.ly/ivcDMvu
If the playground is down, you can use the repo buff.ly/IZ8CnlN
In this example you can see two container, one using the index, the other one using a unique id.
You can try it yourself here buff.ly/ivcDMvu
If the playground is down, you can use the repo buff.ly/IZ8CnlN
{⚔️} #CSSBattleDaily: Aug 11 — 597.22 score / 491 chars cssbattle.dev/play/Dt65i8C... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
August 11, 2025 at 12:42 PM
{⚔️} #CSSBattleDaily: Aug 11 — 597.22 score / 491 chars cssbattle.dev/play/Dt65i8C... #CSSBattleChallenge via @cssbattle.dev
{⚔️} #CSSBattleDaily Aug 8 — 600.84 score / 647 chars cssbattle.dev/play/sgBf5la... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
August 8, 2025 at 8:48 AM
{⚔️} #CSSBattleDaily Aug 8 — 600.84 score / 647 chars cssbattle.dev/play/sgBf5la... #CSSBattleChallenge via @cssbattle.dev
Do you think that every software, mobile apps, web apps, should be labeled with a green score ? (as we see for food)
As there is a security or data informations in URL, maybe tomorrow we will get an ecological score as well ?
buff.ly/7Vikxs1)
Photo buff.ly/PxHfwMF
#ClimateChange #GreenTech
As there is a security or data informations in URL, maybe tomorrow we will get an ecological score as well ?
buff.ly/7Vikxs1)
Photo buff.ly/PxHfwMF
#ClimateChange #GreenTech
Creating a standard for measuring software carbon intensity for the Web - Green Web Foundation
For the last few months, the Green Web Foundation has been in talks with the World Wide Web Consortium (the W3C), and the Green Software Foundation (the GSF), about defining a focussed version of the…
buff.ly
August 6, 2025 at 12:01 PM
Do you think that every software, mobile apps, web apps, should be labeled with a green score ? (as we see for food)
As there is a security or data informations in URL, maybe tomorrow we will get an ecological score as well ?
buff.ly/7Vikxs1)
Photo buff.ly/PxHfwMF
#ClimateChange #GreenTech
As there is a security or data informations in URL, maybe tomorrow we will get an ecological score as well ?
buff.ly/7Vikxs1)
Photo buff.ly/PxHfwMF
#ClimateChange #GreenTech
🏆 Today’s typ.ing daily challenge:
🌟 Speed: 44wpm
🎯 Accuracy: 83.85%
🥇 Position: 17 out of 29 players today
🔥 Streak: 1
📅 typ.ing/daily
Not a good score today ^^
🌟 Speed: 44wpm
🎯 Accuracy: 83.85%
🥇 Position: 17 out of 29 players today
🔥 Streak: 1
📅 typ.ing/daily
Not a good score today ^^
typ.ing
A clean and simple typing trainer that cares about how you feel. Type to find out.
typ.ing
August 6, 2025 at 8:34 AM
🏆 Today’s typ.ing daily challenge:
🌟 Speed: 44wpm
🎯 Accuracy: 83.85%
🥇 Position: 17 out of 29 players today
🔥 Streak: 1
📅 typ.ing/daily
Not a good score today ^^
🌟 Speed: 44wpm
🎯 Accuracy: 83.85%
🥇 Position: 17 out of 29 players today
🔥 Streak: 1
📅 typ.ing/daily
Not a good score today ^^
{⚔️} #CSSBattleDaily Aug 5 — 597.3 score / 450 chars cssbattle.dev/play/7dleRRS... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
August 5, 2025 at 12:45 PM
{⚔️} #CSSBattleDaily Aug 5 — 597.3 score / 450 chars cssbattle.dev/play/7dleRRS... #CSSBattleChallenge via @cssbattle.dev
Using mocked data to set skeleton dimensions is the cleanest way to prevent UI layout shift.
It's better then hard-coding min-height or width values.
Agree ? Have a better way ?
Live preview with code in first comment 👇
#CoreWebVitals #CLS #WebDevelopment
It's better then hard-coding min-height or width values.
Agree ? Have a better way ?
Live preview with code in first comment 👇
#CoreWebVitals #CLS #WebDevelopment
August 4, 2025 at 4:06 PM
Using mocked data to set skeleton dimensions is the cleanest way to prevent UI layout shift.
It's better then hard-coding min-height or width values.
Agree ? Have a better way ?
Live preview with code in first comment 👇
#CoreWebVitals #CLS #WebDevelopment
It's better then hard-coding min-height or width values.
Agree ? Have a better way ?
Live preview with code in first comment 👇
#CoreWebVitals #CLS #WebDevelopment
What's your experience with @reactnative.dev coming from @react.dev for the web ?
August 3, 2025 at 11:00 AM
What's your experience with @reactnative.dev coming from @react.dev for the web ?
I believe a lead developer should also be a mentor for his team. But it seems not everyone agrees on that one.
August 2, 2025 at 1:01 PM
I believe a lead developer should also be a mentor for his team. But it seems not everyone agrees on that one.
This one is satisfying for UI perfectionists
by @garrettmack.bsky.social
by @garrettmack.bsky.social
The Secret Science of Perfect Spacing
This week, we dive headfirst into something I think about way too much: spacing. Spacing is what gives UI's that "oddly satisfying" feel when done right, and that "something's off" feeling when it's done poorly. How do you design spacing correctly? Should you use a framework? Let's find out!
Learn LiftKit:
https://www.chainlift.io/liftkit
Get the LiftKit Cloneable Here:
https://webflow.com/made-in-webflow/website/liftkitui
Download Chainlift Color from Webflow:
https://webflow.com/apps/detail/chainlift-color?category=productivity-language
Questions, Collab Inquiries:
[email protected]
buff.ly
August 1, 2025 at 1:03 PM
This one is satisfying for UI perfectionists
by @garrettmack.bsky.social
by @garrettmack.bsky.social
{⚔️} #CSSBattleDaily Jul 31 — 639.84 score / 242 chars cssbattle.dev/play/s5JJeOy... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
July 31, 2025 at 12:46 PM
{⚔️} #CSSBattleDaily Jul 31 — 639.84 score / 242 chars cssbattle.dev/play/s5JJeOy... #CSSBattleChallenge via @cssbattle.dev
How many JS frameworks have you used to build at least an MVP or used in prod app ?
July 31, 2025 at 12:02 PM
How many JS frameworks have you used to build at least an MVP or used in prod app ?
What's a practical, real-world example where you've implemented a React Error Boundary for a specific component, instead of letting an error bubble up to a top-level handler?
#ReactJS #WebDev"
#ReactJS #WebDev"
Why React Error Boundaries Aren't Just Try/Catch for Components
A deep dive into how React error boundaries work, why they're different from try/catch, and how to use them effectively in your apps.
buff.ly
July 30, 2025 at 12:01 PM
As a professional tech engineer, are you excited by the idea of trying out or replacing your monitor with AR/MR glasses?
I personally am and think this will unlock new levels of ergonomics.
#AugmentedReality #SmartGlasses #MixedReality #Tech
I personally am and think this will unlock new levels of ergonomics.
#AugmentedReality #SmartGlasses #MixedReality #Tech
July 29, 2025 at 2:03 PM
As a professional tech engineer, are you excited by the idea of trying out or replacing your monitor with AR/MR glasses?
I personally am and think this will unlock new levels of ergonomics.
#AugmentedReality #SmartGlasses #MixedReality #Tech
I personally am and think this will unlock new levels of ergonomics.
#AugmentedReality #SmartGlasses #MixedReality #Tech
Start up your project with any stack in a breeze 🍃
Thanks to 𝕏/@joshcirre for this really cool CLI tool.
buff.ly/Lib98zi
buff.ly/V298avo
Thanks to 𝕏/@joshcirre for this really cool CLI tool.
buff.ly/Lib98zi
buff.ly/V298avo
This tool cured my JavaScript fatigue
**Thanks so much to Bento for sponsoring this video and the channel this month. Check them out if you want an email service (and more) that just works. – https://bentonow.com/?via=joshcirre**
There's a reason I started developing in Laravel after years of searching for the right collection of tools in the JavaScript ecosystem.
I mean, the first video I made on this channel talked about this topic in extreme detail: https://www.youtube.com/watch?v=iSS_9PHrQg0
But, I think I found the tool that really solved all of the issues I have with STARTING a project with JavaScript. What do you think?
Better-T Stack: https://better-t-stack.dev/new
---
Timestamps:
00:00 Why does starting with JavaScript suck?
01:28 Thank you Bento
02:19 So here's the tool I found
03:07 Starting out new is so easy
03:24 Look how many options
08:35 I chose a complex stack... and it still works
10:26 This one's more on me
19:51 But it still works?
22:47 I don't think I'll start a JavaScript project any other way
buff.ly
July 28, 2025 at 4:02 PM
Start up your project with any stack in a breeze 🍃
Thanks to 𝕏/@joshcirre for this really cool CLI tool.
buff.ly/Lib98zi
buff.ly/V298avo
Thanks to 𝕏/@joshcirre for this really cool CLI tool.
buff.ly/Lib98zi
buff.ly/V298avo
Have someone actually ship a real vibe-coded product ?
I mean just "vibed", no code inspection, no editing. Just chat&ship ?
I mean just "vibed", no code inspection, no editing. Just chat&ship ?
July 27, 2025 at 11:00 AM
Have someone actually ship a real vibe-coded product ?
I mean just "vibed", no code inspection, no editing. Just chat&ship ?
I mean just "vibed", no code inspection, no editing. Just chat&ship ?
Which framework you choose doesn't matter. Just pick one and deep dive in.
How does it handles reactivity ? How does he compiles ? What is the tooling around ?
How does it handles reactivity ? How does he compiles ? What is the tooling around ?
July 25, 2025 at 2:04 PM
Which framework you choose doesn't matter. Just pick one and deep dive in.
How does it handles reactivity ? How does he compiles ? What is the tooling around ?
How does it handles reactivity ? How does he compiles ? What is the tooling around ?
Don't skip the basics.
Knowing HTML, CSS, Javascript, how DOM works is the core foundation to build strong front end skills
Knowing HTML, CSS, Javascript, how DOM works is the core foundation to build strong front end skills
July 25, 2025 at 11:02 AM
Don't skip the basics.
Knowing HTML, CSS, Javascript, how DOM works is the core foundation to build strong front end skills
Knowing HTML, CSS, Javascript, how DOM works is the core foundation to build strong front end skills
{⚔️} Day 2 of #CSSBattleDaily streak: Jul 24 — 617.55 score / 328 chars cssbattle.dev/play/PlTclcA... #CSSBattleChallenge via @cssbattle.dev
CSSBattle
The funnest CSS game for web designers & developers
cssbattle.dev
July 24, 2025 at 12:20 PM
{⚔️} Day 2 of #CSSBattleDaily streak: Jul 24 — 617.55 score / 328 chars cssbattle.dev/play/PlTclcA... #CSSBattleChallenge via @cssbattle.dev
Awesome breakdown of JS rendering by @ryansolid.bsky.social (creator of SolidJS).
#JavaScript #WebDev #DOM #Performance
#JavaScript #WebDev #DOM #Performance
The 3 Ways JavaScript Frameworks Render the DOM
That's right, there are only 3. There may have been dozens of JavaScript frameworks over the years, but how they render the DOM is almost always identical. ...
buff.ly
June 15, 2025 at 11:01 AM
Awesome breakdown of JS rendering by @ryansolid.bsky.social (creator of SolidJS).
#JavaScript #WebDev #DOM #Performance
#JavaScript #WebDev #DOM #Performance
Error patterns, throwing strategy, security, UX.... A great talk by @syntax.fm buff.ly/Vr79lky
#JS #errorhandeling
#JS #errorhandeling
Handling and Throwing Errors
Scott and Wes break down how to properly throw, catch, and log errors in JavaScript and TypeScript. They cover client-side and server-side strategies, using ...
buff.ly
June 14, 2025 at 1:02 PM
Error patterns, throwing strategy, security, UX.... A great talk by @syntax.fm buff.ly/Vr79lky
#JS #errorhandeling
#JS #errorhandeling