In den letzten Jahren haben wir viele Veränderungen und Divergenzen bei Webtechnologien erlebt. Im Jahr 2020 sehe ich uns als Web-Community auf zwei Haupttrends/Ziele zusteuern: Erweiterbarkeit und Interoperabilität. Lassen Sie uns diese aufschlüsseln....
Wo platziert man Styles in Web Components?
Ich gehe davon aus, dass wir hier den Shadow DOM verwenden, denn das ist für mich einer der großen Vorteile einer Web Component: ein plattformübergreifendes Ding, das ein einzigartig mächtiges Ding ist, das ...
Christian Schaefer hat einen großen Beitrag zur Bewältigung von Web-Werbung. Das Ganze ist interessant, da es zunächst alle Herausforderungen dokumentiert, die Werbung mit sich bringt, und dann moderne Lösungen für jede einzelne davon präsentiert.
Ein Code-Snippet, das ...
Ein Standard-YouTube-Embed, das per Copy-and-Paste auf Ihrer Seite eingefügt wird, landet als <iframe></iframe>, das einen Haufen anderer Dinge lädt, um das Video abzuspielen. Aber die UX davon ist immer noch im Wesentlichen ein Bild und ein Play-Button. Klicken Sie …
In der dieswöchigen Zusammenfassung beschäftigt sich Apple mit Webkomponenten, wie Instagram Skripte sofort lädt, und einigen Denkanstößen für das Self-Hosting kritischer Ressourcen. ...
Hier ist ein interessanter Beitrag von Rich Harris, in dem er eine Liste einiger Probleme aufgeführt hat, die er in der Vergangenheit mit Web Components hatte und warum er sie heute nicht mehr verwendet
…Bei endlichen Ressourcen, Zeit, die für eine Aufgabe aufgewendet wird
Haben Sie diese nette Technik gesehen, bei der das <picture></picture>-Element mit <source media=""/> verwendet wird, um ein animiertes Bild (oder nicht) basierend auf einer prefers-reduced-motion Media Query zu servieren?
Nachdem wir das in unserem Newsletter geteilt hatten, erhielten wir eine interessante …
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 ...
