63 Followers
85 Following
73 Posts
Software Developer. Humanist. Web Component and Design Systems enthusiast. Google Developer Expert for Angular. Building UI at NVIDIA.
Bloghttps://coryrylan.com
GitHubhttps://github.com/coryrylan
Web Componentshttps://webcomponent.dev
Angular Formshttps://angularforms.dev
I’ve never had stress around putting all my #CSS for all of my #webComponent in their #shadowDOM… ask me anything.
High Performance HTML Tables with Lit and CSS Contain

Learn how to easily create HTML tables in Lit with high performance rendering using CSS contain.

Reference Target API · Issue #792 · web-platform-tests/interop

Description The Reference Target API allows forwarding attribute based content association across shadow DOM boundaries, a la: <label for="fancy-input">Fancy input</label> <fancy-input id="fancy-in...

GitHub

TC39 [update: will be] discussing making a #JavaScript compile step part of the standard.

I don’t think that’s a good idea, I don’t think I’m alone in that, but I fear we might be too few.

Please don’t break the web (even more).
https://toot.cafe/@tomayac/113259678138456511

Thomas Steiner :chrome: (@[email protected])

From the agenda for the 104th meeting of Ecma #TC39 (https://github.com/tc39/agendas/blob/main/2024/10.md#agenda-items). Longer or open-ended discussions: JSSugar/JS0: https://docs.google.com/presentation/d/1ylROTu3N6MyHzNzWJXQAc7Bo1O0FHO3lNKfQMfPOA4o/mobilepresent?slide=id.g30432c5cd9c_0_688. Slide 40 onward 👀: Let's standardize as the ecosystem uses it: JS0: the language implemented by the engines JSSugar: features that must be compiled by tools to JS0 For developers, JS = #JS0 + #JSSugar

Toot Café

Comparing web components to React is like comparing a good bicycle with a cybertruck.

They do very different things, and they’re used by different people with very, very different mindsets.

🔗 https://adactio.com/notes/21455

September 30th, 2024, 10:09am

Comparing web components to React is like comparing a good bicycle with a cybertruck. They do very different things, and they’re used by different people with very, very different mindsets.

Dynamic Contrast Layers with CSS Style Queries

Learn how to create contrasting layers with CSS style queries ensuring your UI is always the right contrast ratio.

Flow Charts with CSS Anchor Positioning

Learn how to use CSS Anchor Positioning to create flow charts and diagram with just CSS.

@jensimmons A CSS Feature I have longed for is a complete implementation of the `attr(name type)` in CSS properties other than `content`.

Usually, I just want to set colors, percents, or background or mask image URLs.

Example: changing / animating the background color on a <meter> depending on the `value` attribute required I make 20+ rules to roughly parse the value attribute, when with attr could have done it one rule.

Reference: https://drafts.csswg.org/css-values-5/#funcdef-attr

CSS Values and Units Module Level 5

@slightlyoff I am basically at the point now where I've been burned by 3rd party dependencies enough that I basically assume that using anything from npm is like lighting a fuse that'll explode at some undetermined time in the future.

How many active fuses are you willing to light today? How many have you extinguished? How likely is imminent time absorbing doom for your project?

Just opened up the repo for a new project I'm working on called Heximal.

It's goal is to be an HTML-first, declarative system for building dynamic interactive documents, components, and computational notebooks.

https://github.com/elematic/heximal

GitHub - elematic/heximal: Heximal is a web-based interactive document and notebook system

Heximal is a web-based interactive document and notebook system - elematic/heximal

GitHub