Ein weiterer Aspekt von Web Components, über den wir noch nicht gesprochen haben, ist, dass eine JavaScript-Funktion immer dann aufgerufen wird, wenn eine Webkomponente zu einer Seite hinzugefügt oder von ihr entfernt wird. Diese Lifecycle-Callbacks können für viele Dinge verwendet werden, unter anderem um …
Lea Verou hat eine Web Component zur Verarbeitung von Markdown erstellt. Es scheint, als gäbe es bereits ein paar andere, aber ich stimme Lea zu, dass dies ein guter Anwendungsfall für das Light DOM ist (im Gegensatz zu …
Was wäre, wenn HTML „Tabs“ hätte? Das wäre cool, sage ich. Dave hat einige seiner Zeit und Energie, zusammen mit einer Gruppe von „Tabvengers“ von OpenUI, darauf verwendet. Viel Forschung führt zu ein wenig …
Wir haben bereits besprochen, dass das Erstellen von Web Components einfacher ist als gedacht, aber es gibt noch einen weiteren Aspekt der Spezifikation, den wir bisher nicht thematisiert haben: Es ist eine Möglichkeit, ein eingebautes Element anzupassen (nein, es aufzupeppen). Es ist ähnlich wie …
Nachdem wir gesehen haben, dass sowohl Web Components als auch interaktive Web Components einfacher sind als gedacht, schauen wir uns nun an, wie man sie in ein Content-Management-System, namentlich WordPress, integriert.
Es gibt drei Hauptwege, wie wir sie hinzufügen können. …
In seinem letzten Vortrag bei An Event Apart hat Dave darauf hingewiesen, dass Web Components erst *jetzt* zu einer praktikablen Wahl für die Produktion im Web werden. Zum Beispiel ist es erst etwa ein Jahr her …
<relative-time> Komponente veröffentlicht haben! Jetzt haben sie ein
Diese Woche gibt es viel Barrierefreiheit in den Nachrichten, von den Nuancen der Verwendung von :focus-visible und Eingabeplatzhaltern bis hin zu barrierefreien Schriftarten und einem Safari-Bug mit :display: contents. Plus ein Snippet für eine einfache Web-Komponente, die … unterstützt
In meinem letzten Artikel haben wir gesehen, dass Web Components nicht so gruselig sind, wie sie scheinen. Wir haben uns ein super einfaches Setup angesehen und ein Profil für einen Zombie-Dating-Service erstellt, komplett mit einem benutzerdefinierten <zombie-profile> Element. Wir haben das Element wiederverwendet …
