Šime veröffentlicht regelmäßig Inhalte für Webentwickler auf webplatform.news.
Google veröffentlicht Richtlinien für die Definition von Favicons
Jamie Leach: Google Suche zeigt jetzt Favicons in den Suchergebnissen auf Mobilgeräten an. Ihr Favicon sollte ein Vielfaches von 48x48 sein (Google wird es für die Verwendung in Suchergebnissen auf 16x16 Pixel skalieren). Wenn eine Website kein Favicon hat oder Google das Favicon als unangemessen erachtet, wird stattdessen ein generisches Globus-Symbol angezeigt.

Ihr Favicon sollte eine visuelle Darstellung der Marke Ihrer Website sein, um den Nutzern zu helfen, Ihre Website beim Durchsuchen der Suchergebnisse schnell zu identifizieren.
Top-Websites sind überraschend inkonsistent in der Art und Weise, wie sie Icons deklarieren (über <link>-Elemente im Kopfbereich der Seite). Twitter und Pinterest, zwei relativ moderne progressive Web-Apps, bieten Icons in zwei Größen an.
<!-- example -->
<link rel="icon" href="/icon-32x32.png">
<link rel="apple-touch-icon" href="/icon-192x192.png">
The Paciello Group veröffentlicht ARC Toolkit
Anlässlich des Global Accessibility Awareness Day veröffentlicht TPG unser professionelles Barrierefreiheitstest-Tool für die Öffentlichkeit. Erfahren Sie alles darüber unter https://#/ol33pizq2v und laden Sie es noch heute aus dem Google Chrome Store herunter. #GAAD
— The Paciello Group (@paciellogroup) 16. Mai 2019
The Paciello Group: ARC Toolkit, unser professionelles Barrierefreiheitstest-Tool, ist jetzt als Chrome DevTools-Erweiterung verfügbar. Dieses Tool erkennt Probleme im Zusammenhang mit den WCAG 2.1 Richtlinien. Sie können den Test auf der gesamten Seite oder nur auf dem im DevTools Elements-Panel ausgewählten Knoten ausführen.
Denken Sie daran, dass automatisierte Tools zur Barrierefreiheit nur *einige* Probleme mit der Barrierefreiheit finden können und manuelle Tests erforderlich sind, um die vollständige Barrierefreiheit sicherzustellen. Lighthouse (über das Audits-Panel) schlägt manuelle Überprüfungen nach der Durchführung eines Barrierefreiheitsaudits vor.

Andere Neuigkeiten
- Jeff Jaffe: W3C und WHATWG haben eine Vereinbarung getroffen, bei der Entwicklung von HTML zusammenzuarbeiten. „W3C wird die Community ermutigen, … direkt zu den WHATWG HTML und DOM Repositories beizutragen; Probleme aufzuwerfen, Lösungen vorzuschlagen, zu vorgeschlagenen Lösungen zu kommentieren und Unterstützung oder Ablehnung von Vorschlägen zu signalisieren.“
- Paul Calvano: „Es gibt eine signifikante Lücke im Alter von ersten im Vergleich zu Drittanbieter-Ressourcen für CSS und Webfonts. 95% der ersten Anbieter-Fonts sind älter als eine Woche, im Vergleich zu 50% der Drittanbieter-Fonts … Dies ist ein starkes Argument für das Self-Hosting von Webfonts!“
- Rachel Andrew: Der CSS-Wert
subgridist eine relativ einfache Ergänzung zum Grid-Layout. Wenn Sie zum Beispiel verschachtelte Grids haben und für das Kind-Gridgrid-template-rows: subgridanwenden, verwendet dieses Grid die Zeilenspurren des Eltern-Grids, anstatt eigene Zeilenspurren zu erstellen. Das ist alles. (Diese Funktion wird derzeit nur in Firefox Nightly unterstützt.) - GitHub Blog: GitHub kann jetzt automatisierte Sicherheitsfixes für Ihre Abhängigkeiten mit bekannten Sicherheitslücken generieren. Überprüfen Sie auf der GitHub-Website den Reiter „Security“ Ihres Repositories auf Sicherheitswarnungen. Wenn Sie eine Warnung öffnen und auf die Schaltfläche „Automatisierte Sicherheitskorrektur erstellen“ klicken, erstellt GitHub einen automatisierten Pull-Request, der die Sicherheitslücke behebt.
- Rick Viscomi: HTTP Archive plant, im November den ersten jährlichen Web Almanac zu veröffentlichen, einen Bericht über den Zustand des Webs mit interessanten Erkenntnissen von verschiedenen Experten. Etwa 50 Freiwillige aus der Web-Community arbeiten derzeit daran und suchen nach weiteren Mitwirkenden.
Mir ist neulich aufgefallen, dass ungeachtet dessen, dass ich hochauflösende Favicons auf meiner Website habe, das Icon in den Suchergebnissen immer noch ziemlich niedrig aufgelöst ist (ich weiß, es sind 16x16px, aber es wird immer noch von mindestens 48x48px skaliert?), bis zu dem Punkt, dass dünnere Linien kaum noch sichtbar sind (niedrigere Auflösung als das Icon, das in einem Tab angezeigt wird)… weiß jemand eine Lösung dafür? Sollte ich nur ein Favicon mit höherer Auflösung hochladen (mein .ico ist eine Kombination aus Größen + Apple Icons), oder nimmt Google die höchste verfügbare Größe und skaliert sie dann herunter? Brauche ich einfach nur dickere Liniensymbole, um sie besser lesbar zu machen?
Ich schätze, eine Möglichkeit, das herauszufinden, ist, eine Website zu finden, deren Favicon bei Google Search wirklich sauber aussieht, und dann den HTML-Code dieser Website zu untersuchen, um zu sehen, wie Icons deklariert sind und welche Größen verwendet werden.
Favicons sind bei DuckDuckGo seit langem etabliert. Sie sind auch bei Desktop-Suchen vorhanden. Ziemlich genial, denn so wird schnell klar, um welche Website es sich handelt. Und es sieht einfach gut aus.