Hubert Souchaud
@hubertsouchaud.fr
🇺🇦 Webmaster Freelance & DJ - #Poitiers
https://hubertsouchaud.fr
https://hubertsouchaud.fr
Bookmarké: « Superellipsed Pill Shapes Are Cool » via Adam Argyle Reblog, November 24, 2025 at 06:09AM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/11/25/superellipsed-pill-shapes-are-cool/ #webmaster_en
November 25, 2025 at 8:27 PM
Bookmarké: « Superellipsed Pill Shapes Are Cool » via Adam Argyle Reblog, November 24, 2025 at 06:09AM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/11/25/superellipsed-pill-shapes-are-cool/ #webmaster_en
Bookmarké: « Dynamic Tooltip Position with Anchor Positioning IV » via CSS Tip [en] (Temani Afif) @css-only.dev Reblog, November 20, 2025 at 01:59PM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/11/25/dynamic-tooltip-position-with-anchor-positioning-iv/ #webmaster_en
November 25, 2025 at 8:27 PM
Bookmarké: « Dynamic Tooltip Position with Anchor Positioning IV » via CSS Tip [en] (Temani Afif) @css-only.dev Reblog, November 20, 2025 at 01:59PM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/11/25/dynamic-tooltip-position-with-anchor-positioning-iv/ #webmaster_en
Reposted by Hubert Souchaud
We have lots of ways to share/pass/inherit certain parent property values with a child... but what if we could do that with ANY property value?
@dxnny.fun pokes at the idea, including the currently unsupported inherit() function.
css-tricks.com/on-inheritin...
@dxnny.fun pokes at the idea, including the currently unsupported inherit() function.
css-tricks.com/on-inheritin...
On Inheriting and Sharing Property Values | CSS-Tricks
There are many ways to share properties, but what would it look like to inherit and use any parent property value on a child?
css-tricks.com
November 24, 2025 at 3:47 PM
We have lots of ways to share/pass/inherit certain parent property values with a child... but what if we could do that with ANY property value?
@dxnny.fun pokes at the idea, including the currently unsupported inherit() function.
css-tricks.com/on-inheritin...
@dxnny.fun pokes at the idea, including the currently unsupported inherit() function.
css-tricks.com/on-inheritin...
RIP Jimmy www.youtube.com/watch?v=FHAb...
Jimmy Cliff Recording The Harder They Come In Studio Session
YouTube video by Perry Henzell
www.youtube.com
November 24, 2025 at 6:36 PM
RIP Jimmy www.youtube.com/watch?v=FHAb...
Reposted by Hubert Souchaud
This #CSS one-liner came in handy when a client’s updated brand guidelines dictated a global change in `letter-spacing`: cloudfour.com/thinks/respo...
#Typography #WebDev
#Typography #WebDev
Responsive Letter Spacing
Minimizing the readability impact of a typographic brand requirement.
cloudfour.com
November 20, 2025 at 4:34 PM
This #CSS one-liner came in handy when a client’s updated brand guidelines dictated a global change in `letter-spacing`: cloudfour.com/thinks/respo...
#Typography #WebDev
#Typography #WebDev
Reposted by Hubert Souchaud
How can trig functions be the "most hated" CSS feature where they can do things like this? @monknow.bsky.social has several other fun examples as well.
css-tricks.com/the-most-hat...
css-tricks.com/the-most-hat...
November 17, 2025 at 2:58 PM
How can trig functions be the "most hated" CSS feature where they can do things like this? @monknow.bsky.social has several other fun examples as well.
css-tricks.com/the-most-hat...
css-tricks.com/the-most-hat...
Reposted by Hubert Souchaud
Good news!
Range syntax for style queries and if() functions has shipped in Chrome!
Check it out:
una.im/range-style-...
Range syntax for style queries and if() functions has shipped in Chrome!
Check it out:
una.im/range-style-...
una.im | Range Syntax for Style Queries
Learn how to use the new range syntax for CSS style queries and the if() function.
una.im
November 12, 2025 at 10:55 PM
Good news!
Range syntax for style queries and if() functions has shipped in Chrome!
Check it out:
una.im/range-style-...
Range syntax for style queries and if() functions has shipped in Chrome!
Check it out:
una.im/range-style-...
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 @matthiasott@mastodon.social:
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 @matthiasott@mastodon.social:
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...