Hubert Souchaud
@hubertsouchaud.fr
🇺🇦 Webmaster Freelance & DJ - #Poitiers
https://hubertsouchaud.fr
https://hubertsouchaud.fr
Reposted by Hubert Souchaud
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
November 7, 2025 at 4:37 AM
a new #CSS enters the ring
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
try it
codepen.io/argyleink/pe...
source
github.com/argyleink/cs...
Dimanche 20:15 au TAP Castille à voir absolument…
www.tap-poitiers.com/cinema/sound...
www.tap-poitiers.com/cinema/sound...
Soundtrack to a Coup d'État - TAP - Scène nationale de Grand Poitiers
Jazz, politique et décolonisation s’entremêlent dans ce grand huit historique qui révèle un incroyable épisode de la guerre froide. En 1961, la chanteuse
www.tap-poitiers.com
November 6, 2025 at 7:48 PM
Dimanche 20:15 au TAP Castille à voir absolument…
www.tap-poitiers.com/cinema/sound...
www.tap-poitiers.com/cinema/sound...
Reposted by Hubert Souchaud
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.
piccalil.li/blog/some-pr...
piccalil.li/blog/some-pr...
Some practical examples of view transitions to elevate your UI
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.
piccalil.li
November 6, 2025 at 12:10 PM
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.
piccalil.li/blog/some-pr...
piccalil.li/blog/some-pr...
Reposted by Hubert Souchaud
The Weird Parts of position: sticky;
There are a number of things that can rain on your sticky parade. Maybe it's time to actually understand why.
There are a number of things that can rain on your sticky parade. Maybe it's time to actually understand why.
The Weird Parts of position: sticky;
There are a number of things that can rain on your sticky parade. Maybe it's time to actually understand why.
frontendmasters.com
November 6, 2025 at 8:39 AM
The Weird Parts of position: sticky;
There are a number of things that can rain on your sticky parade. Maybe it's time to actually understand why.
There are a number of things that can rain on your sticky parade. Maybe it's time to actually understand why.
Reposted by Hubert Souchaud
Compressed Fluid Typography, by @[email protected]:
https://matthiasott.com/notes/compressed-fluid-typography
#typography #css #fluiddesign
https://matthiasott.com/notes/compressed-fluid-typography
#typography #css #fluiddesign
Compressed Fluid Typography · Matthias Ott
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
matthiasott.com
October 15, 2025 at 7:15 AM
Compressed Fluid Typography, by @[email protected]:
https://matthiasott.com/notes/compressed-fluid-typography
#typography #css #fluiddesign
https://matthiasott.com/notes/compressed-fluid-typography
#typography #css #fluiddesign
Reposted by Hubert Souchaud
📝 New CSS Article!
Do you know the linear() function? It's one of those underrated features that can do a lot of magic!
Combined with modern CSS, you can use it to create complex animations with a few lines of code.
Don't miss the opportunity to learn about it. 👇
Do you know the linear() function? It's one of those underrated features that can do a lot of magic!
Combined with modern CSS, you can use it to create complex animations with a few lines of code.
Don't miss the opportunity to learn about it. 👇
Let’s suppose you have some number of elements with the same animation that should animate sequentially. Modern CSS makes this easy and it works for any number of items!
@css-only.dev explains and demonstrates it so well.
css-tricks.com/sequential-l...
@css-only.dev explains and demonstrates it so well.
css-tricks.com/sequential-l...
Sequential linear() Animation With N Elements | CSS-Tricks
Let’s suppose you have N elements with the same animation that should animate sequentially. Modern CSS makes this easy and it works for any number of items!
css-tricks.com
October 15, 2025 at 2:14 PM
📝 New CSS Article!
Do you know the linear() function? It's one of those underrated features that can do a lot of magic!
Combined with modern CSS, you can use it to create complex animations with a few lines of code.
Don't miss the opportunity to learn about it. 👇
Do you know the linear() function? It's one of those underrated features that can do a lot of magic!
Combined with modern CSS, you can use it to create complex animations with a few lines of code.
Don't miss the opportunity to learn about it. 👇
Reposted by Hubert Souchaud
CSS Counters in Action CSS has counter variables (based on matching selectors) that you can output as formatted content or use in calculations. A classic for loop: for (int i = 0 ; i < 10 ; i++)...
#Blog #Post #Counters #CSS
Origin | Interest | Match
#Blog #Post #Counters #CSS
Origin | Interest | Match
CSS Counters in Action
CSS has counter variables (based on matching selectors) that you can output as formatted content or use in calculations.
frontendmasters.com
October 10, 2025 at 2:12 PM
Reposted by Hubert Souchaud
CSS is getting support for functions, so I made a small utility library for useful things. It's also a copy-pasteable reference. WIP.
github.com/sindresorhus...
github.com/sindresorhus...
October 8, 2025 at 7:53 AM
CSS is getting support for functions, so I made a small utility library for useful things. It's also a copy-pasteable reference. WIP.
github.com/sindresorhus...
github.com/sindresorhus...
Reposted by Hubert Souchaud
You can toggle the "debug mode" in the demo to better understand what's happening.
Demo: codepen.io/t_afif/full/... via @codepen.io
Demo: codepen.io/t_afif/full/... via @codepen.io
October 7, 2025 at 9:29 AM
You can toggle the "debug mode" in the demo to better understand what's happening.
Demo: codepen.io/t_afif/full/... via @codepen.io
Demo: codepen.io/t_afif/full/... via @codepen.io
Reposted by Hubert Souchaud
Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series, by Kevin Powell, is for you.
piccalil.li/blog/a-pragm...
piccalil.li/blog/a-pragm...
A pragmatic guide to modern CSS colours - part one
Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series,...
piccalil.li
October 7, 2025 at 11:06 AM
Whether you've got a firm grasp on modern CSS colour capabilities, or you're thinking 'I struggle to understand why I should use modern CSS colours at all', then the first part of this article series, by Kevin Powell, is for you.
piccalil.li/blog/a-pragm...
piccalil.li/blog/a-pragm...
Reposted by Hubert Souchaud
One of the most frustrating aspects of media queries is that we can’t use custom properties with them. This often results in hard-coded values in otherwise, highly configurable codebases. Manuel has a novel approach to get around this.
piccalil.li/blog/a-worka...
piccalil.li/blog/a-worka...
A workaround for using custom properties in media queries
One of the most frustrating aspects of media queries is that we can’t use custom properties with them. This often results in hard-coded values in otherwise, highly configurable codebases. Manuel has...
piccalil.li
September 25, 2025 at 11:08 AM
One of the most frustrating aspects of media queries is that we can’t use custom properties with them. This often results in hard-coded values in otherwise, highly configurable codebases. Manuel has a novel approach to get around this.
piccalil.li/blog/a-worka...
piccalil.li/blog/a-worka...
Reposted by Hubert Souchaud
I thought about things that have happened in CSS in 2025 and what I think you should probably know.
Then I blogged it.
frontendmasters.com/blog/what-yo...
It's not *everything* — it's my own curated list.
Then I blogged it.
frontendmasters.com/blog/what-yo...
It's not *everything* — it's my own curated list.
What You Need to Know about Modern CSS (2025 Edition)
If you thought 2024 was packed with amazing new CSS, well, you're right. But so is 2025 and it keeps looking bright. Check out our list of the best stuff with easy-to-reference examples.
frontendmasters.com
September 22, 2025 at 5:07 PM
I thought about things that have happened in CSS in 2025 and what I think you should probably know.
Then I blogged it.
frontendmasters.com/blog/what-yo...
It's not *everything* — it's my own curated list.
Then I blogged it.
frontendmasters.com/blog/what-yo...
It's not *everything* — it's my own curated list.
Reposted by Hubert Souchaud
For spacing values on a website – is it better to respond to font-size, or available space, or stick with static units?
You don't have to choose! Sometimes the best unit in #CSS is a combination – with calc()/clamp() or min()/max() or round() & other math functions.
www.oddbird.net/2025/09/23/t...
You don't have to choose! Sometimes the best unit in #CSS is a combination – with calc()/clamp() or min()/max() or round() & other math functions.
www.oddbird.net/2025/09/23/t...
The Best CSS Unit Might Be a Combination
We don't have to choose between px and rem for spacing
www.oddbird.net
September 23, 2025 at 4:45 PM
For spacing values on a website – is it better to respond to font-size, or available space, or stick with static units?
You don't have to choose! Sometimes the best unit in #CSS is a combination – with calc()/clamp() or min()/max() or round() & other math functions.
www.oddbird.net/2025/09/23/t...
You don't have to choose! Sometimes the best unit in #CSS is a combination – with calc()/clamp() or min()/max() or round() & other math functions.
www.oddbird.net/2025/09/23/t...
Reposted by Hubert Souchaud
Here's a #CSS study list, 100+ features to checkout from the past ~5 years.
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
One List To Rule Them All · September 10, 2025
In the darkness may it bind us
nerdy.dev
September 10, 2025 at 11:11 PM
Here's a #CSS study list, 100+ features to checkout from the past ~5 years.
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
There're surprises in here for even the most knowledgeable front-end developer!
nerdy.dev/cascading-se...
Féminicide. "Tout ce que ma fille a pu dire n'a pas été pris au sérieux" : après le meurtre d'Inès, sa famille dénonce l'inaction des autorités
france3-regions.franceinfo.fr/nouvelle-aqu... via France 3
france3-regions.franceinfo.fr/nouvelle-aqu... via France 3
Féminicide. "Tout ce que ma fille a pu dire n'a pas été pris au sérieux" : après le meurtre d'Inès, sa famille dénonce l'inaction des autorités
Tuée de coups de couteau devant son domicile de Poitiers le 8 septembre 2025, Inès Mecellem alertait depuis plusieurs mois sur les menaces et violences qu'elle subissait de la part de son ex-conjoint....
france3-regions.franceinfo.fr
September 10, 2025 at 9:00 PM
Féminicide. "Tout ce que ma fille a pu dire n'a pas été pris au sérieux" : après le meurtre d'Inès, sa famille dénonce l'inaction des autorités
france3-regions.franceinfo.fr/nouvelle-aqu... via France 3
france3-regions.franceinfo.fr/nouvelle-aqu... via France 3
"Avant d'être tuée, Inès a été traquée pendant 4h dans le centre par son ex" dit Héloïse Morel, du collectif du 8-mars
www.francebleu.fr/emissions/l-... via France Bleu
www.francebleu.fr/emissions/l-... via France Bleu
"Avant d'être tuée, Inès a été traquée pendant 4h dans le centre par son ex" dit Héloïse Morel, du collectif du 8-mars - ici
Héloïse Morel, militante au sein du collectif du 8-mars, revient ce mercredi sur les manquements dans la protection des victimes, deux jours après la mort d'Inès, 25 ans, victime d'un féminicide à Poi...
www.francebleu.fr
September 10, 2025 at 8:59 PM
"Avant d'être tuée, Inès a été traquée pendant 4h dans le centre par son ex" dit Héloïse Morel, du collectif du 8-mars
www.francebleu.fr/emissions/l-... via France Bleu
www.francebleu.fr/emissions/l-... via France Bleu
Reposted by Hubert Souchaud
Between the time we launched the original Learn CSS course on web.dev and today, container queries landed in browsers and became Baseline Widely available! It was high time for an update, and we were lucky enough to have the team at OddBird work with us. Enjoy 9 new modules! web.dev/blog/learn-c...
A refresh of Learn CSS with nine new modules | Blog | web.dev
Our popular Learn CSS course has been updated with new modules covering the latest CSS features.
web.dev
September 9, 2025 at 8:10 PM
Between the time we launched the original Learn CSS course on web.dev and today, container queries landed in browsers and became Baseline Widely available! It was high time for an update, and we were lucky enough to have the team at OddBird work with us. Enjoy 9 new modules! web.dev/blog/learn-c...
Reposted by Hubert Souchaud
🌀 CSS Cascade Layers sound neat, but what happens when you drop them into a messy legacy codebase? Let’s talk about the experience of integrating cascade layers into real-world code, the good, the bad, and the spaghetti: www.smashingmagazine.com/2025/09/inte...
Integrating CSS Cascade Layers To An Existing Project — Smashing Magazine
The idea behind this is to share a full, unfiltered look at integrating CSS Cascade Layers into an existing legacy codebase. In practice, it’s about refactoring existing CSS to use cascade layers with...
www.smashingmagazine.com
September 10, 2025 at 5:21 PM
🌀 CSS Cascade Layers sound neat, but what happens when you drop them into a messy legacy codebase? Let’s talk about the experience of integrating cascade layers into real-world code, the good, the bad, and the spaghetti: www.smashingmagazine.com/2025/09/inte...
Honte d'être français! Quand la France fit d'elle une paria! www.radiofrance.fr/francecultur...
Arendt et les parias : épisode 2/4 du podcast La philosophie poussée vers les marges
AUDIO • La philosophie poussée vers les marges, épisode 2/4 : Arendt et les parias. Une série inédite proposée par France Culture. Écoutez Avec philosophie, et découvrez nos podcasts en ligne.
www.radiofrance.fr
September 9, 2025 at 9:08 AM
Honte d'être français! Quand la France fit d'elle une paria! www.radiofrance.fr/francecultur...
Reposted by Hubert Souchaud
📝 "What You Need to Know About Color Interpolation" by @sunkanmifafowora.bsky.social
css-tricks.com/what-you-nee...
css-tricks.com/what-you-nee...
What You Need to Know About CSS Color Interpolation | CSS-Tricks
Color what? Sunkanmi Fafowora explains how an everyday task for CSS can be used to create better colors experiences.
css-tricks.com
September 5, 2025 at 1:46 PM
📝 "What You Need to Know About Color Interpolation" by @sunkanmifafowora.bsky.social
css-tricks.com/what-you-nee...
css-tricks.com/what-you-nee...
