Andrew Hudson
@andrewhudson.dev
#css, #javascript, and #webcomponents in #Grenoble, France đ«đ· Mountain lover. Cyclist. Runner. Hiker. andrewhudson.dev
Epic Safari Tech Preview release. With advanced attr(), @function, @if(), and the Temporal JS API for managing time and dates. webkit.org/blog/18182/r...
Release Notes for Safari Technology Preview 249
Safari Technology Preview Release 249 is now available for download for macOS Golden Gate and macOS Tahoe.
webkit.org
Really hot out there. Walked to the shop and back and need an ice-cream to cool down. #grenoble
How to update node globally with nvm andrewhudson.dev/blog/how-to-...
how to update node globally with nvm
andrewhudson.dev
Gecko: Intent to Prototype: CSS Typed Arithmetic
Gecko: Intent to Prototype: CSS Typed Arithmetic
Gecko: Intent to Prototype: CSS Typed Arithmetic
groups.google.com
I've given my website a bit of a refresh, using Temporal and CSS color-mix to change the background colour depending on your time of day localghost.dev/blog/time-ba...
Time-based background colour transitions with Temporal and CSS color-mix - localghost
A visual refresh with a background that changes colour according to the time of day, using the new Temporal API along with CSS custom properties that blend into each other.
localghost.dev
Decathlon CMA CGM pour le Tour de France : Tiesj Benoot, Cees Bol, Daan Hoole, Olav Kooij, Aurélien Paret-Peintre, Nicolas Prodhomme, Matthew Riccitello, Paul Seixas. Seixas vise "le meilleur classement possible" au général. Kooij et Benoot sont bien présents. #TDF2026
What's this, a new HTML proposal? Built-in localized time formatting in HTML! github.com/whatwg/html/...
This is an amazing course, I have already done a lot of web components work but learning a 1000kg through this course and only 50% of my way through it
If you want to learn all about web components from a human then check this out: Web Components Demystified online course is $10 this week (it'll go back to the usual $25 deal after that). It's 8 hours of video lessons, or 4 if you listen at 2x, which wouldn't offend me at all. Use the code Just10.
MAGNIFIQUE VICTOIRE D'ALEC SEGAERT ! Le Belge de la Bahrain Victorious (23 ans) l'emporte sur la 12e étape du #GirodItalia aprÚs une attaque à 3km ! Il obtient son premier succÚs en Grand Tour. Son compatriote Toon Aerts (Lotto-Intermarché) rÚgle le sprint du peloton.
đĄïž Ăpisode de chaleur prĂ©coce : un dĂŽme de chaleur s'installe sur la France. Vendredi jusqu'Ă 30°C sur l'Ouest et jusqu'Ă 35°C dans le sud de l'Aquitaine. Le week-end PentecĂŽte, la chaleur gagne tout l'Hexagone. đPic de l'Ă©pisode attendu mardi ou mercredi prochain. meteofrance.com/actualites-e...
If you want to learn all about web components from a human then check this out: Web Components Demystified online course is $10 this week (it'll go back to the usual $25 deal after that). It's 8 hours of video lessons, or 4 if you listen at 2x, which wouldn't offend me at all. Use the code Just10.
Web Components Demystified online course | Scott Jehl, Web Designer/Developer
A comprehensive, premium course about building dynamic, fast, resilient apps with standard web components.
scottjehl.com
Blink: Intent to Ship: CSS `text-fit` property
Blink: Intent to Ship: CSS `text-fit` property
Blink: Intent to Ship: CSS `text-fit` property
groups.google.com
What is the collective noun for people who work at Google? I propose 'an arrogance of Googlers'. Individually, they're lovely people â the ones I've met, anyway. But put them in a room together with some promo incentives and they become an absolute menace
So, Chrome's "web standard" Prompt API: Mozilla: Opposed WebKit: Opposed Microsoft: Several concerns W3C TAG: Several concerns Developers: Mostly negative Chrome: Ships anyway. A sad time for web standards. But, I guess someone at Google will get promoted, so 'every cloudâŠ'
So, Chrome's "web standard" Prompt API: Mozilla: Opposed WebKit: Opposed Microsoft: Several concerns W3C TAG: Several concerns Developers: Mostly negative Chrome: Ships anyway. A sad time for web standards. But, I guess someone at Google will get promoted, so 'every cloudâŠ'
How the 100% CSS --repeat() function works, some demos, and a really easy way for you to begin using it now! dev.to/janeori/100-...
100% CSS: repeat(--n, anything)
Ages ago when CSS grids came with a repeat() function to simplify defining repetitive columns and...
dev.to
@codepen.io getting Codepen 2.0 websocket connection errors in Chrome Canary which prevents me from using Codepen 2.0 there. Is this a known issue?
Gecko: Intent to implement & ship: CSS container style queries
Gecko: Intent to implement & ship: CSS container style queries
Gecko: Intent to implement & ship: CSS container style queries
groups.google.com
Gecko: Intent to ship: light-dark() for CSS images
Gecko: Intent to ship: light-dark() for CSS images
Gecko: Intent to ship: light-dark() for CSS images
groups.google.com
Blink: Intent to Ship: CSS border-shape
Blink: Intent to Ship: CSS border-shape
Blink: Intent to Ship: CSS border-shape
groups.google.com
In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! css-tip.com/graph-theory/ A fun demo powered by all the modern & cool CSS features đ€©
Blink: Intent to Prototype: Lazy loading for video and audio elements
Blink: Intent to Prototype: Lazy loading for video and audio elements
Blink: Intent to Prototype: Lazy loading for video and audio elements
groups.google.com