GitHub - dsolimando/elemento: A lightweight, opinionated library for building web components with a functional, React-inspired approach. A lightweight, opinionated library for building web components with a functional, React-inspired approach. - dsolimando/elemento

If you’re like me — loving standard Web Components and performance, but missing the React functional component model — then you’ll be interested in this small library I made: github.com/dsolimando/e....
It’s based on the excellent #uhtml library for signals and reactivity. #webcomponent #webstandard

Mediation an Schulen: Schule als Lernort für konstruktives Streiten Wie Schulmediation als Mittel der Gewaltprävention eingesetzt wird und welche Möglichkeiten sich dadurch eröffnen

Beitrag zur #Schulmediation im #mediationsblog-wir-wern-kan-richter-brauchen des #webstandard

www.derstandard.at/story/300000...

HTML button: commandfor und command - sprungmarker testet Erfahren Sie mehr über das neue HTML commandfor Attribut und seine Anwendung zur Verbesserung der Interaktion.

german: gerade endeckt bei @brucel.bsky.social #ReadingList #HTML attribute command und commandfor #a11y #webstandard

https://sprungmarker.de/html-attribute-command/

HTML button: commandfor und command Dank der immer wieder interessanten Leseliste von Bruce Lawson (Leseliste 337) bin ich auf die neuen, noch experimentellen HTML-Attribute `commandfor` und `command` gestossen. Die beiden Attribute werden auf lange Sicht etwa beim Aufklappen von Inhalten durch ein Bedienelement (`button`) `aria-controls` und `aria-expanded` ablösen. Die beiden HTML-Attribute lassen sich natürlich auch auf andere Aktionen anwenden wie etwa das Öffnen eines Dialogfensters. Bis dato empfielt das WAI-ARIA APG-Pattern `dialog` für das Bedienelement, das ein Dialogfenster öffnet, noch keine zusätzliche ARIA-Integration. Die beiden neuen HTML-Attribute können nun aber in HTML direkt die Interaktion und das Öffnen eines Dialogfenster klarer machen. <button commandfor="confirm-dialog" command="show-modal"> Accessibility Settings </button> <dialog id="confirm-dialog" aria-label="Accessbility Settings"> <button commandfor="confirm-dialog" command="close" value="close">Close</button> </dialog> Quelle: Chrome for developers: Introducing command and commandfor Das Attribut `commandfor` auf dem Bedienelement (`button`) verbindet sich mit dem Dialogfenster (`dialog`) mit Hilfe einer eindeutigen `id`. Das Attribut `command` nutzt aus bereits voreingebauten Werten `show-modal`. Ein Bedienelement zum Schließen des Dialogfensters (`button`) kann dann den Wert `close` für `command` nutzen. Es wird bei diesem Bedienelement auch ein Rückgabewert mit dem Attribut `value` gesetzt. Das ist nur ein Anwendungsfall für die beiden neuen Attribute. Am häufigsten wird sicherlich der Anwendungsfall für aufklappbare Inhalte (`popover`) sein. Aktuell ist die Unterstützung der beiden Attribute in den Browsern noch nicht gegeben. HTML `command` ist aktuell in Chrome 135-136 (Dev-Channel) umgesetzt, in Safari und Firefox nur in den Entwicklungsversionen. HTML `commandfor` auch aktuell nur in Chrome 135-136 (Dev-Channel), Safari und Firefox nur in Entwicklungsversionen. Edge und Opera haben bis dato keine Information dazu. Auch von den mobilen Browsern gibt es keine Informationen. Die Umsetzung von neuen HTML-Attributen und -Funktionen im Browser ist ja nur der erste Schritt. Beides muss auch an die jeweilige Accessibility-API übergeben werden, damit etwa Screenreader darauf zugreifen und die neuen Informationen entsprechend verarbeiten können. Es wird also noch einige Zeit dauern, bis wir die neuen Attribute verwendet können. Zu testen wird sein, ob man für den Übergang auch etwa bei aufklappbaren Inhalten `commandfor` und `command` parallel mit den bisherigen ARIA-Attributen `aria-controls` und `aria-expanded` sinnvoll nutzen kann.

german: gerade endeckt bei @brucel.bsky.social #ReadingList #HTML attribute command und commandfor #a11y #webstandard

https://sprungmarker.de/html-attribute-command/

Just randomly thinking about how I can write a valid HTML page and it will work on any browser, and on any server, on the internet.

It would be really cool if any ActivityPub post I made essentially followed the same expectation, wouldn’t it?

#activitypub #html #http #webstandard #opensocialweb

built-in HTML-Elements. You can roughly think of it like React Components, but with plain VanillaJS.

developer.chrome.com/docs/css-ui/declarative-...

#webdevelopment #webstandard

#standards #webstandard #xfn #xhtmlfriendsnetwork

Friendly reminder how creepy some early standards were which tried to show connections between websites and the people running them.

The 'XFN 1.1 relationships meta data profile' standard defines rel="me" >>

1/x

Das Webstandards Curriculum wandert, berichtet @Flocke: grochtdreis.de/weblog/2011/07/15/das-we... Und das ist gut so. #webstandard #w3c #wiki