Hubert Souchaud
@hubertsouchaud.fr
🇺🇦 Webmaster Freelance & DJ - #Poitiers
https://hubertsouchaud.fr
https://hubertsouchaud.fr
Reposted by Hubert Souchaud
Different Page Transitions For Different Circumstances
In JavaScript, you can detect a view transition happening, set a type, and have CSS do unique things based on that type.
In JavaScript, you can detect a view transition happening, set a type, and have CSS do unique things based on that type.
Different Page Transitions For Different Circumstances
In JavaScript, you can detect a view transition happening, set a type, and have CSS do unique things based on that type.
frontendmasters.com
December 17, 2025 at 8:39 AM
Different Page Transitions For Different Circumstances
In JavaScript, you can detect a view transition happening, set a type, and have CSS do unique things based on that type.
In JavaScript, you can detect a view transition happening, set a type, and have CSS do unique things based on that type.
Reposted by Hubert Souchaud
Exciting release! 🤩
Firefox 146 release notes for developers: CSS contrast-color(), @scope, and text-decoration-inset, updates to MathML and SubtleCrypto, and experimental support for @custom-media and Navigation API. #firefox #browser
developer.mozilla.org/en-US/docs/M...
developer.mozilla.org/en-US/docs/M...
December 10, 2025 at 12:41 PM
Exciting release! 🤩
Bookmarké: « Le navigateur web Mozilla Firefox 146 est disp... https://hubertsouchaud.wordpress.com/2025/12/09/le-navigateur-web-mozilla-firefox-146-est-disponible-introduisant-la-mise-a-lechelle-fractionnelle-wayland-les-apercus-de-liens-par-lia-et-des-ameliorations-graphiques-comme-le-webrender/
December 9, 2025 at 8:43 PM
Bookmarké: « Le navigateur web Mozilla Firefox 146 est disp... https://hubertsouchaud.wordpress.com/2025/12/09/le-navigateur-web-mozilla-firefox-146-est-disponible-introduisant-la-mise-a-lechelle-fractionnelle-wayland-les-apercus-de-liens-par-lia-et-des-ameliorations-graphiques-comme-le-webrender/
Bookmarké: « Le système de gestion de contenu web WordP... https://hubertsouchaud.wordpress.com/2025/12/09/le-systeme-de-gestion-de-contenu-web-wordpress-6-9-est-disponible-et-ajoute-des-notes-au-niveau-des-blocs-une-palette-de-commandes-au-niveau-du-tableau-de-bord-et-une-api-pour-les-capacites/
December 9, 2025 at 8:28 AM
Bookmarké: « CSS Wrapped: 2025! » via Una Kravets Online [en] @una.im Reblog, December 8, 2025 at 07:07PM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/12/09/css-wrapped-2025/ #webmaster_en
December 9, 2025 at 8:11 AM
Bookmarké: « CSS Wrapped: 2025! » via Una Kravets Online [en] @una.im Reblog, December 8, 2025 at 07:07PM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/12/09/css-wrapped-2025/ #webmaster_en
Reposted by Hubert Souchaud
🎉 And we're live! 🎉
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
CSS Wrapped 2025
Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.
chrome.dev
December 8, 2025 at 5:08 PM
🎉 And we're live! 🎉
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. 🚀
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
Bookmarké: « Using CSS to fix the irradiation illusion » via Adam Argyle Reblog, November 29, 2025 at 10:52PM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/12/07/using-css-to-fix-the-irradiation-illusion/ #webmaster_en
December 7, 2025 at 2:35 PM
Bookmarké: « Using CSS to fix the irradiation illusion » via Adam Argyle Reblog, November 29, 2025 at 10:52PM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/12/07/using-css-to-fix-the-irradiation-illusion/ #webmaster_en
Reposted by Hubert Souchaud
When I resize the browser, I'm managing space. When I zoom in, I'm trying to re-size text. Those are very different goals, but look identical in CSS.
Using vw or at-media: bigger px == fewer px. If we mess with font-size for one, it applies to both:
codepen.io/miriamsuzann...
Using vw or at-media: bigger px == fewer px. If we mess with font-size for one, it applies to both:
codepen.io/miriamsuzann...
Zoom & the browser window
...
codepen.io
December 3, 2025 at 9:51 PM
When I resize the browser, I'm managing space. When I zoom in, I'm trying to re-size text. Those are very different goals, but look identical in CSS.
Using vw or at-media: bigger px == fewer px. If we mess with font-size for one, it applies to both:
codepen.io/miriamsuzann...
Using vw or at-media: bigger px == fewer px. If we mess with font-size for one, it applies to both:
codepen.io/miriamsuzann...
Reposted by Hubert Souchaud
WordPress 6.9 est un 🎁 avant l'heure, pour connaître toutes les nouveautés consultez le guide des changements techniques fr.wordpress.org/2025/11/26/g...
Guide des changements techniques de WordPress 6.9
Temps de lecture estimé : WordPress 6.9 comprend la résolution de plus de 400 tickets sur Trac, dont 125 améliorations et nouvelles fonctionnalités, plus de 250 correction…
fr.wordpress.org
December 4, 2025 at 9:09 AM
WordPress 6.9 est un 🎁 avant l'heure, pour connaître toutes les nouveautés consultez le guide des changements techniques fr.wordpress.org/2025/11/26/g...
Bookmarké: « The Deep Card Conundrum » via Frontend Masters [en] (@FrontendMasters) Reblog, December 4, 2025 at 08:34PM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/12/07/the-deep-card-conundrum/ #webmaster_en
December 7, 2025 at 11:23 AM
Bookmarké: « The Deep Card Conundrum » via Frontend Masters [en] (@FrontendMasters) Reblog, December 4, 2025 at 08:34PM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/12/07/the-deep-card-conundrum/ #webmaster_en
Bookmarké: « Custom Media Feature Flags » via Adam Argyle Reblog, December 6, 2025 at 06:20AM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/12/07/custom-media-feature-flags/ #webmaster_en
December 7, 2025 at 8:11 AM
Bookmarké: « Custom Media Feature Flags » via Adam Argyle Reblog, December 6, 2025 at 06:20AM in: webmaster_en https://hubertsouchaud.wordpress.com/2025/12/07/custom-media-feature-flags/ #webmaster_en
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 @[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