Victor Brito
@webdevbynight.bsky.social
Someone somewhere as a front-end developer
Reposted by Victor Brito
✨ I just published a brand-new blog post about a modern CSS feature!
But, honestly, I’m still on the fence about it. 😅
In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!
But, honestly, I’m still on the fence about it. 😅
In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!
The Big Gotcha With @starting-style • Josh W. Comeau
CSS has been on fire lately, with tons of great new features. @starting-style is an interesting one; it allows us to use CSS transitions for enter animations, something previously reserved for CSS key...
www.joshwcomeau.com
September 22, 2025 at 2:21 PM
✨ I just published a brand-new blog post about a modern CSS feature!
But, honestly, I’m still on the fence about it. 😅
In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!
But, honestly, I’m still on the fence about it. 😅
In this post, I’ll dig into the gnarly issue I ran into, and share three possible workarounds. Along the way, you’ll learn a bunch about the CSS cascade and specificity!
Reposted by Victor Brito
A while back, I was building a particle animation, and I ran into some weird issues. The particles were turning grey, mid-animation. And sometimes, they wouldn’t change color at all!
Turns out, there’s a pretty big limitation with color transitions. I share some solutions in my brand-new post!
Turns out, there’s a pretty big limitation with color transitions. I share some solutions in my brand-new post!
Color Shifting in CSS • Josh W. Comeau
A little while ago, I was trying to animate an element’s background color, so that it cycled through the rainbow. Seems easy, but it turns out, browsers have a surprisingly big limitation when it comes to color processing! In this tutorial, we’ll dig into the issue, and I’ll share a couple of strategies you can use to work around this limitation.
www.joshwcomeau.com
September 8, 2025 at 7:52 PM
A while back, I was building a particle animation, and I ran into some weird issues. The particles were turning grey, mid-animation. And sometimes, they wouldn’t change color at all!
Turns out, there’s a pretty big limitation with color transitions. I share some solutions in my brand-new post!
Turns out, there’s a pretty big limitation with color transitions. I share some solutions in my brand-new post!
Reposted by Victor Brito
✨ I just published a brand-new post! It’s about the notorious SVG <path> element.
With its compact Regex-style syntax, <path> can be super intimidating. But they’re also *incredibly* powerful, letting us draw (and animate!) curved lines.
You can read it here, and I’ll share more info in thread. 🧵
With its compact Regex-style syntax, <path> can be super intimidating. But they’re also *incredibly* powerful, letting us draw (and animate!) curved lines.
You can read it here, and I’ll share more info in thread. 🧵
An Interactive Guide to SVG Paths • Josh W. Comeau
SVG gives us many different primitives to work with, but by far the most powerful is the <path> element. Unfortunately, it’s also the most inscrutable, with its compact Regex-style syntax. In this tut...
www.joshwcomeau.com
August 18, 2025 at 3:27 PM
✨ I just published a brand-new post! It’s about the notorious SVG <path> element.
With its compact Regex-style syntax, <path> can be super intimidating. But they’re also *incredibly* powerful, letting us draw (and animate!) curved lines.
You can read it here, and I’ll share more info in thread. 🧵
With its compact Regex-style syntax, <path> can be super intimidating. But they’re also *incredibly* powerful, letting us draw (and animate!) curved lines.
You can read it here, and I’ll share more info in thread. 🧵
Reposted by Victor Brito
One of the most powerful tools in my toolbox is SVG. When combined with CSS and JavaScript, we can do some truly remarkable things. ✨
📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄
Check it out:
📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄
Check it out:
A Friendly Introduction to SVG • Josh W. Comeau
SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most imp...
www.joshwcomeau.com
July 21, 2025 at 3:11 PM
One of the most powerful tools in my toolbox is SVG. When combined with CSS and JavaScript, we can do some truly remarkable things. ✨
📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄
Check it out:
📝 I’ve just published a brand-new blog post that covers the most critical fundamentals. It’s chock full of interactive demos. 😄
Check it out:
Reposted by Victor Brito
We see many people setting html { font-size: 62.5%; } in their Frontend Mentor projects without considering the implications.
Here's why you might want to reconsider this approach 👇
Here's why you might want to reconsider this approach 👇
June 24, 2025 at 2:04 PM
We see many people setting html { font-size: 62.5%; } in their Frontend Mentor projects without considering the implications.
Here's why you might want to reconsider this approach 👇
Here's why you might want to reconsider this approach 👇
Reposted by Victor Brito
I just published a new blog post about two of my absolute favourite CSS tricks. ✨
www.joshwcomeau.com/animation/pa...
www.joshwcomeau.com/animation/pa...
Partial Keyframes • Josh W. Comeau
CSS Keyframe animations are so much more powerful than most developers realize. In this tutorial, I’ll show you something that completely blew my mind, a technique that makes our keyframe animations s...
www.joshwcomeau.com
June 10, 2025 at 3:51 PM
I just published a new blog post about two of my absolute favourite CSS tricks. ✨
www.joshwcomeau.com/animation/pa...
www.joshwcomeau.com/animation/pa...
Reposted by Victor Brito
1fr 1fr vs auto auto vs 50% 50%: "There are several different ways to do equal width columns. But some are, uh, more equal than others." #CSS frontendmasters.com/blog/1fr-1fr...
1fr 1fr vs auto auto vs 50% 50%
There are several different ways to do equal width columns. But some are, uh, more equal than others.
frontendmasters.com
June 18, 2025 at 5:03 PM
1fr 1fr vs auto auto vs 50% 50%: "There are several different ways to do equal width columns. But some are, uh, more equal than others." #CSS frontendmasters.com/blog/1fr-1fr...
Reposted by Victor Brito
🇫🇷
Hello les TypeScripters 👋
ERRATUM sur le dernier message, on se retrouve bien le 13 mai pour le dernier meetup avant l'été chez @algolia.com 😎
🤖 Notre discord : discord.typescript.paris
#meetup #talks #paristypescript #typescript
Hello les TypeScripters 👋
ERRATUM sur le dernier message, on se retrouve bien le 13 mai pour le dernier meetup avant l'été chez @algolia.com 😎
🤖 Notre discord : discord.typescript.paris
#meetup #talks #paristypescript #typescript
Paris TypeScript #43, mar. 13 mai 2025, 19:00 | Meetup
Salut les TypeScripters, c'est parti pour le 43ème Paris TypeScript, dernière édition avant la coupure d'été ! 😎 Un grand merci à notre hébergeur pour cet event : **Algoli
discord.typescript.paris
April 10, 2025 at 10:53 AM
🇫🇷
Hello les TypeScripters 👋
ERRATUM sur le dernier message, on se retrouve bien le 13 mai pour le dernier meetup avant l'été chez @algolia.com 😎
🤖 Notre discord : discord.typescript.paris
#meetup #talks #paristypescript #typescript
Hello les TypeScripters 👋
ERRATUM sur le dernier message, on se retrouve bien le 13 mai pour le dernier meetup avant l'été chez @algolia.com 😎
🤖 Notre discord : discord.typescript.paris
#meetup #talks #paristypescript #typescript
Reposted by Victor Brito
🇫🇷
Hello les TypeScripters 👋
On se retrouve le 23 mai pour le dernier meetup avant l'été chez @algolia.com 😎
🤖 Notre discord : discord.typescript.paris
#meetup #talks #paristypescript #typescript
Hello les TypeScripters 👋
On se retrouve le 23 mai pour le dernier meetup avant l'été chez @algolia.com 😎
🤖 Notre discord : discord.typescript.paris
#meetup #talks #paristypescript #typescript
Paris TypeScript #43, mar. 13 mai 2025, 19:00 | Meetup
Salut les TypeScripters, c'est parti pour le 43ème Paris TypeScript, dernière édition avant la coupure d'été ! 😎 Un grand merci à notre hébergeur pour cet event : **Algoli
discord.typescript.paris
April 10, 2025 at 9:00 AM
🇫🇷
Hello les TypeScripters 👋
On se retrouve le 23 mai pour le dernier meetup avant l'été chez @algolia.com 😎
🤖 Notre discord : discord.typescript.paris
#meetup #talks #paristypescript #typescript
Hello les TypeScripters 👋
On se retrouve le 23 mai pour le dernier meetup avant l'été chez @algolia.com 😎
🤖 Notre discord : discord.typescript.paris
#meetup #talks #paristypescript #typescript
Reposted by Victor Brito
Default styles for `h1` elements are changing: "This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for conformant and better-structured pages." #CSS developer.mozilla.org/en-US/blog/h...
Default styles for h1 elements are changing | MDN Blog
Browsers are starting to roll out changes in default UA styles for nested section headings. This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for…
developer.mozilla.org
April 15, 2025 at 5:03 PM
Default styles for `h1` elements are changing: "This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for conformant and better-structured pages." #CSS developer.mozilla.org/en-US/blog/h...
Reposted by Victor Brito
Spotted in the wild today: a Mutable<T> type.
Does the opposite of Readonly<T>. Weird that TS doesn't have this built-in.
Does the opposite of Readonly<T>. Weird that TS doesn't have this built-in.
April 8, 2025 at 1:50 PM
Spotted in the wild today: a Mutable<T> type.
Does the opposite of Readonly<T>. Weird that TS doesn't have this built-in.
Does the opposite of Readonly<T>. Weird that TS doesn't have this built-in.
Reposted by Victor Brito
Two cool things in this snippet:
1. You can use 'glob' from Node instead of a library! (still experimental, available in 22+)
But glob returns an async iterator, which can be annoying to work with. So...
2. Array.fromAsync lets you turn an async iterator into an array. Beautiful.
1. You can use 'glob' from Node instead of a library! (still experimental, available in 22+)
But glob returns an async iterator, which can be annoying to work with. So...
2. Array.fromAsync lets you turn an async iterator into an array. Beautiful.
April 1, 2025 at 11:20 AM
Two cool things in this snippet:
1. You can use 'glob' from Node instead of a library! (still experimental, available in 22+)
But glob returns an async iterator, which can be annoying to work with. So...
2. Array.fromAsync lets you turn an async iterator into an array. Beautiful.
1. You can use 'glob' from Node instead of a library! (still experimental, available in 22+)
But glob returns an async iterator, which can be annoying to work with. So...
2. Array.fromAsync lets you turn an async iterator into an array. Beautiful.
Reposted by Victor Brito
A handy glossary of terms used when discussing #design tokens and design systems: designtokens.fyi
designtokens.fyi
Defining terms for design tokens.
designtokens.fyi
March 13, 2025 at 5:00 PM
A handy glossary of terms used when discussing #design tokens and design systems: designtokens.fyi
Reposted by Victor Brito
Functions in #CSS?! "Arguments?! Return values?! What's crazier, you can use functions right now in Chrome Canary! So, after reading and playing around, here are my key insights on what you need to know about CSS Functions."
Functions in CSS?! | CSS-Tricks
Arguments?! Return values?! What's crazier, you can use functions right now in Chrome Canary! So, after reading and playing around, here are my key insights on what you need to know about CSS…
css-tricks.com
March 11, 2025 at 5:00 PM
Functions in #CSS?! "Arguments?! Return values?! What's crazier, you can use functions right now in Chrome Canary! So, after reading and playing around, here are my key insights on what you need to know about CSS Functions."
Reposted by Victor Brito
TypeScript announces rewrite to Go, with a 10x editor and CLI speedup.
It's the biggest TS announcement I can remember.
www.totaltypescript.com/typescript-a...
It's the biggest TS announcement I can remember.
www.totaltypescript.com/typescript-a...
TypeScript Announces Go Rewrite, Achieves 10x Speedup
TypeScript announced a full rewrite of TypeScript in Go. In testing, this rewrite has achieved a 10x speedup in some repositories - and up to 15x in others.
www.totaltypescript.com
March 11, 2025 at 3:21 PM
TypeScript announces rewrite to Go, with a 10x editor and CLI speedup.
It's the biggest TS announcement I can remember.
www.totaltypescript.com/typescript-a...
It's the biggest TS announcement I can remember.
www.totaltypescript.com/typescript-a...
March 5, 2025 at 3:06 AM
Reposted by Victor Brito
Three Approaches to the “&” (ampersand) Selector in #CSS: "The `&` is a powerful addition to CSS, allowing us to craft selectors without repetition and helping organization and understanding."
Three Approaches to the “&” (ampersand) Selector in CSS
The & is a powerful addition to CSS, allowing us to craft selectors without repetition and helping organization and understanding.
frontendmasters.com
February 13, 2025 at 6:12 PM
Three Approaches to the “&” (ampersand) Selector in #CSS: "The `&` is a powerful addition to CSS, allowing us to craft selectors without repetition and helping organization and understanding."
Reposted by Victor Brito
Container Queries Unleashed: "Now that #CSS container queries are broadly available, I think it’s time we start exploring the superpowers they give us! I’ll share the killer pattern I can’t stop using in my work, and explore what’s possible with this new capability." https://www.joshwcomeau.com/css…
Container Queries Unleashed • Josh W. Comeau
Container queries expand the universe of designs that can be implemented, giving us whole new superpowers. Now that container queries are broadly available, I think it’s time we start exploring this…
www.joshwcomeau.com
February 3, 2025 at 6:00 PM
Container Queries Unleashed: "Now that #CSS container queries are broadly available, I think it’s time we start exploring the superpowers they give us! I’ll share the killer pattern I can’t stop using in my work, and explore what’s possible with this new capability." https://www.joshwcomeau.com/css…
Reposted by Victor Brito
Just hit the “publish” button on a brand-new blog post! ⭐
This one shares the killer pattern I find myself using over and over with container queries: responding *within* media queries to adapt to the new container size.
Once you start using this trick, you’ll see opportunities for it all over. 😄
This one shares the killer pattern I find myself using over and over with container queries: responding *within* media queries to adapt to the new container size.
Once you start using this trick, you’ll see opportunities for it all over. 😄
Container Queries Unleashed • Josh W. Comeau
Container queries expand the universe of designs that can be implemented, giving us whole new superpowers. Now that container queries are broadly available, I think it’s time we start exploring this p...
www.joshwcomeau.com
January 27, 2025 at 4:18 PM
Just hit the “publish” button on a brand-new blog post! ⭐
This one shares the killer pattern I find myself using over and over with container queries: responding *within* media queries to adapt to the new container size.
Once you start using this trick, you’ll see opportunities for it all over. 😄
This one shares the killer pattern I find myself using over and over with container queries: responding *within* media queries to adapt to the new container size.
Once you start using this trick, you’ll see opportunities for it all over. 😄
Reposted by Victor Brito
The Difference Between #HTML Attributes and Properties: "Although the terms are often used interchangeably, subtle differences between the two can lead to unexpected behavior and bugs."
The Difference Between HTML Attributes and Properties
Attributes and properties allow you to control how HTML elements function and read data about their state. Although the terms are often used interchangeably, subtle differences between the two can…
cloudfour.com
January 16, 2025 at 6:00 PM
The Difference Between #HTML Attributes and Properties: "Although the terms are often used interchangeably, subtle differences between the two can lead to unexpected behavior and bugs."
Challenge Frontend Mentor #DéveloppementFrontEnd
October 25, 2024 at 6:48 PM
Challenge Frontend Mentor #DéveloppementFrontEnd