Es gibt eine verdammte Stolperfalle beim Stylen eines <details-Elements, wie hier von Kitty Giraudel dokumentiert. Sie ist so obskur, dass man ihr vielleicht nie begegnet, aber wenn doch, könnte sie *sehr* verwirrend sein (sie würde verwirren …
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 dieser wöchentlichen Zusammenfassung von Plattformnachrichten stellt Chrome ein neues Attribut für das Laden vor, Barrierefreiheits-Spezifikationen für Webentwickler und die BBC verlagert Visualisierungen in den Shadow DOM. …
In diesem Artikel geht es nicht darum, wie man Web Components baut. Caleb Williams hat kürzlich bereits einen umfassenden Leitfaden dazu geschrieben. Lassen Sie uns darüber sprechen, wie man mit ihnen arbeitet, was bei ihrer Erstellung zu beachten ist und wie man sie in Ihren ...
Die Front-End-Entwicklung schreitet in rasantem Tempo voran. Dies zeigt sich in den unzähligen Artikeln, Tutorials und Twitter-Threads, die über den Zustand eines einst ziemlich einfachen Tech-Stacks klagen. In diesem Artikel werde ich erörtern, warum Web Components … sind.
Das hat mich hier etwas verwirrt, also schreibe ich es auf, solange es mir frisch im Gedächtnis ist. Nur weil Sie eine Web Component verwenden, heißt das nicht, dass die Stile davon vollständig isoliert sind. Möglicherweise haben Sie Inhalte innerhalb einer Web ...
Mike Hartington schwärmt davon, wie gut und nützlich Shadow DOM ist
…[Shadow DOM ist] eigentlich auf zwei einfachen Ideen aufgebaut: Isolation und Standort. Sie müssen ein DOM erstellen, das vom globalen Geltungsbereich isoliert ist? Shadow DOM
Vor etwa einem Jahr kündigte Twitter an, dass es eingebettete Tweets mit Shadow DOM anstelle von `<iframe></iframe>` anzeigen würde, wenn der Browser Shadow DOM unterstützt.
Warum? Nun, Geschwindigkeit ist ein Grund.…
