I ♥ writing code.
13.03.2026 15:38
👍 19
🔁 1
💬 0
📌 0
I ♥ writing code.
While contrast-color() only returns black or white, there are workarounds!
Register a custom property & you can use style queries for full color palette customization (test the contrast yourself!)
You can also use the contrast value inside color-mix() to make a color tint.
una.im/advanced-con...
has anyone experimented with using #css :open pseudo-class for <input> elements?
Ferrari opted NOT to use their macarena wing in Sprint Quali.
Safari Technology Preview 239
- #css :open pseudo-class
Web Inspector
- Added color contrast information within the Color Picker
⚡️ Vite 8.0 is here!
The most significant architectural change since Vite 2.
⏬ Powered by @rolldown.rs bringing faster production builds and more consistency
🛤️ New features such as tsconfig paths and emitDecoratorMetadata support
vite.dev/blog/announc...
The CodePen 2.0 editor has a whole new brain: The CodePen Compiler.
It looks at all your code, figures out what needs to be done, makes a plan, and executes it. It does a lot very quickly. (Go, naturally).
Here's a page that goes into some of it: codepen.io/beta/compiler
Next we have @csswizardry.com ! The talk started as a LinkedIn rant that Jeremy encouraged him to turn into a blog post and then a talk.
Harry says he's a boring person, very dry and matter of fact! But now this is going to be a very opinionated talk! Nice! #WebDayOut
It's @matuzo.at next and it's his birthday! So we sang happy birthday as he came on stage.
Three years ago, he did a talk about the way we would write CSS. Things haven't really changed. #WebDayOut
Next is Richard Rutter telling us what's new about web typography.
He shows an example of how Safari has made a heading look odd by making a bold font artificially bolder. But it's happening because the bold font was defined with a normal weight. #WebDayOut
Next we have @jakearchibald.com doing his first talk in ages and it went wrong straight away.
And then started brilliantly. 'It is now the year 2026', but it once was not' #WebDayOut
![Code example showing the usage of Temporal.ZoneddateTime
```js
// London DST starts: 2026-03-29 01:00 -> 02:00
const zdt = Temporal.ZonedDateTime.from(
"2026-03-29T00:30:00+00:00[Europe/London]",
);
console.log(zdt.toString());
// → "2026-03-29T00:30:00+00:00[Europe/London]"
const plus1h = zdt.add({ hours: 1 });
console.log(plus1h.toString());
// "2026-03-29T02:30:00+01:00[Europe/London]" (01:30 doesn't exist)
```](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:r5emt2gkdrkb2yc6y7xndxpe/bafkreicgonzisednk3qegophndqf6fnslwtvbd7gshsgtv6fpi3arh2dsi)
Code example showing the usage of Temporal.ZoneddateTime ```js // London DST starts: 2026-03-29 01:00 -> 02:00 const zdt = Temporal.ZonedDateTime.from( "2026-03-29T00:30:00+00:00[Europe/London]", ); console.log(zdt.toString()); // → "2026-03-29T00:30:00+00:00[Europe/London]" const plus1h = zdt.add({ hours: 1 }); console.log(plus1h.toString()); // "2026-03-29T02:30:00+01:00[Europe/London]" (01:30 doesn't exist) ```
Temporal is now Stage 4 at TC39 🎂🎂🎂
Thanks to all the other champions of JavaScript's new date-time API. It has been a wild ride over many years!
I wrote a blog post explaining how we got here 📜
bloomberg.github.io/js-blog/post...
🚀 I wrote a thing! on the progressive enhancement wagon once again. 😎
What the CSS corner-shape property unlocks for every day UI ⛶
It's not the first time I write about this feature... But it needed a design perspective. Seem like "I'm in love with corner-shape of you":
#frontend #css #ui #ux
First is Jemima Abu talking about things you can do now without JavaScript!
We start by whizzing through the history of JavaScript. #WebDayOut
There are some things I find odd about the geolocation element.
matuzo.at/blog/2026/ge...
Temporal: The 9-Year Journey to Fix Time in JavaScript | JavaScript's Date object has been a source of bugs for three decades. Temporal, which just reached Stage 4, is a modern replacement with immutable types, first-class time zone and cal... | bloomberg.github.io/js-blog/post...
Is Sass Dead Yet? #CSS Mixins and Functions by @miriam.codes
> RESOLVED: make all property descriptors in @property optional
https://github.com/w3c/csswg-drafts/issues/13211#issuecomment-4040028009
Journal: A web font strategy
How I’m prioritising performance when it comes to typography on The Session.
🔗https://adactio.com/journal/22450
Introducing `view-transitions-mock`: A non-visual Polyfill for Same-Document View Transitions
brm.us/view-transit...
It is a spec-compliant JavaScript implementation of Same-Document View Transitions that polyfills the entire JavaScript API surface but that doesn’t do the animation bits.
Astro 6 is here! We completely rebuilt the Astro dev server and build pipeline onto a new, more powerful runtime-agnostic architecture.
Plus: New Fonts API, CSP support, an experimental new Rust compiler, and more...
astro.build/blog/astro-6...
