Mastodawn

#Development #Techniques
CSS contrast-color() beyond black & white · How to unlock more colorful theming options https://ilo.im/16bdci

_____
#ModernCSS #Theming #ColorPalettes #Colors #Contrast #Accessibility #Browsers #WebDev #Frontend #CSS

una.im | contrast-color() beyond black & white

Two techniques that bypass the black-or-white limit of contrast-color() for custom color palettes.

Johannes Odland 6d ago

Have you ever needed to create a color scheme based on the users current time, or to sync an animation with the current time?

I’ve been mulling about a proposal to add support for this in CSS for a while, but never gotten to the point where it was polished enough for adding.

I finally decided to just add a proposal to get the discussion going.

https://github.com/w3c/csswg-drafts/issues/13655

Johannes Odland 6d ago

Just ordered a replacement part for our shower enclosure, after 3d modeling and prototyping a new part myself. The alternative would quite possibly have been remodeling the bathroom.

Feels like a superpower. 🚀

I'm not going to disclose how long I've spent on the whole thing 🙈🤣

Johannes Odland Mar 11

evacide Mar 11

I know that bad news is coming when a co-worker messages me with "You're gonna be so mad..."

Grammarly has rolled out an AI-powered "expert review" feature where its simulacrum of me makes suggestions for your text. My real edits are usually along the lines of "Throw this into the sea."

Johannes Odland Mar 10

I was just reading a WHATWG issue when I stumbled upon this quote by @leaverou

> Kooky idea: Perhaps a native html template tag could work to mark a string as HTML, and as a bonus, it already makes the contents highlight as HTML in today's editors.

Yes please :)
Maybe a safe version that escapes unsafe attributes and text content as well.

https://github.com/whatwg/html/issues/11669

Johannes Odland Mar 8

Sara Joy

Mar 8

Some women's day reading for techies:

https://web.archive.org/web/20191130180008/https://www.nytimes.com/2019/02/13/magazine/women-coding-computer-programming.html

(archived version of this NYT article: https://www.nytimes.com/2019/02/13/magazine/women-coding-computer-programming.html)

The Secret History of Women in Coding

Computer programming once had much better gender balance than it does today. What went wrong?

Johannes Odland Mar 2

Lea Verou, PhD Mar 2

New blog post: External import maps, today!

https://lea.verou.me/blog/2026/external-import-maps-today/

External import maps, today! • Lea Verou

A few weeks ago, I posted lamenting the current state of web dependencies. Turns out that external import maps — the lack of which I had identified as a core limitation — can be emulated today!

Johannes Odland Feb 27

Show thread

bigandy Feb 27

@johannes @scottjehl looks like its in Chrome Canary

https://issues.chromium.org/issues/469111735 with the experimental platform features flag enabled.

https://codepen.io/bigandy/pen/qEaddwK

Chromium

Johannes Odland Feb 27

Don't you wish you could use `loading=lazy` on the `<video>` element?

@scottjehl is at it again, and if we're lucky this will be possible some time in the future.

https://github.com/WebKit/standards-positions/issues/586#issuecomment-3960128741

Add support for video and audio element lazy-loading via the loading attribute · Issue #586 · WebKit/standards-positions

WebKittens @annevk Title of the proposal HTML Video Element Loading Attribute URL to the spec https://whatpr.org/html/11980/media.html#the-video-element URL to the spec's repository whatwg/html#119...

GitHub

Johannes Odland Feb 24

Show thread

Mat “Wilto” Marquis Feb 24

But for two decades now I’ve watched us shape standards, create tools, solve impossible problems and share it all freely with each other; seen us build countless creative, expressive, brilliant things for the people that use the web. I’ve never been here for the tech industry. I’m here for us.

Stuff	https://odland.dev
Work	https://www.nrk.no/forfatter/johannes-odland-18.21019