Web Design News & Link-Tipps – Nr. 28
Von kulturbanause Team In unserer vorösterlichen Ausgabe treffen News zu CSS, UX/UI-Design und WordPress auf Überlegungen zu globalen Designsystemen und hitzige Reaktionen auf Jakob Nielsens kontroversen Artikel zum Thema Barrierefreiheit und generative UI.
Leitmedium hat wieder mehr zu sagen
Über ein Jahrzehnt war »A List Apart« eine industrieweit respektierte Anlaufstelle für hochwertige Inhalte. Nachdem die Artikelfrequenz zwischenzeitlich auf rund vier pro Jahr gesunken war, scheinen nun wieder mehr Dinge schreibenswert, unter anderem »I am a creative.« von Jeffrey Zeldman, dem Godfather of Web Standards, oder ein Stück über das »Werden und Vergehen des Web«.
The Interop Project Update 2024
Das Webkit Team erklärt in diesem Blogbeitrag, wie Interoperabilität das Web weiter verbessert. Es wird zusammengefasst, was Interop 2023 erreicht hat und welche neuen Entwicklungen die Schwerpunkte für 2024 sind.
Jakobs Shitstorm
UX-Ikone Jakob Nielsen von der Nielsen Norman Group haben wir bereits vielfach in unseren Newslettern zitiert. Doch nun hat der gute Jakob einen Artikel zum Thema Barrierefreiheit und »Generative UI« veröffentlicht, der viele Gemüter erhitzt. Vereinfacht zusammengefasst schreibt Nielsen, dass Barrierefreiheit zu teuer sei und perfekte Barrierefreiheit ohnehin nicht erreicht werden könne. In Zukunft würden KI-erzeugte UIs sich an jeden UX-Use Case automatisch anpassen können.
Er untergräbt mit seinen Aussagen die Arbeit aller, die sich für mehr digitale Barrierefreiheit einsetzen und stärkt den Rücken derer, die froh über jedes Argument sind, sich nicht mit Barrierefreiheit beschäftigen zu müssen. Seine Beispiele sind dabei überraschend flach.
Die sehr erboste Kritik ließ nicht lange auf sich warten. Sowohl unter seinem Artikel in den Kommentaren, als auch in Artikeln wie »We need to talk about Jakob« oder »On Nielsen’s ideas about generative UI for resolving accessibility«.
Google blockt alle 3rd Party Cookies bis Ende Q3 2024
Nach Firefox und Safari hat nun auch Google begonnen, alle 3rd Party Cookies zu blocken. Das »Feature« wird schrittweise ausgerollt und betrifft Anfang 2024 etwa 1 % der Chrome-User. Ende Q3 sollen dann 100 % der Cookies geblockt werden. Details dazu hat Dr. Datenschutz übersichtlich zusammengestellt.
Jenseits von Pixeln und REMs in CSS
Brecht De Ruyte beleuchtet in seinem Artikel innovative Ansätze für Längeneinheiten in CSS, die sich auf die Schriftgröße stützen und über herkömmliche Pixel und REMs hinausgehen.
WooCommerce Blocks im Core und neue Bestellzuordnungsfunktion inkl. Cookies
Seit WooCommerce 8.5.0 sind die WooCommerce Blocks im Core und es gibt es eine neue Bestellzuordnungs-Funktion, die es ermöglicht herauszufinden, wo diese Bestellung ihren Ursprung gefunden hat. Diese Funktion setzt neue Cookies, muss aber über das Backend global deaktiviert werden, um datenschutzkonform zu sein.
Designprozess der neuen Schriftart »Aptos« von Microsoft
Der Artikel bietet einen umfassenden Einblick in den Designprozess der neuen Standard-Schriftart von Microsoft von Steve Matteson. Es wird außerdem die kulturelle Bedeutung von Schriftarten betont und die Evolution von Schriftarten im Laufe der Geschichte aufgezeigt.
Mobile Suche: Welches Pattern funktioniert am besten?
In diesem Medium-Artikel analysieren Ksenia Toloknova und Marina Sapozhnikova verschiedene Pattern für die mobile Suche und geben Einblicke, welches Pattern für bestimmte Anwendungsfälle am besten geeignet ist.
Pflichtfelder barrierefrei kennzeichnen: die notwendigen Schritte
TPGi informiert darüber, welche Maßnahmen notwendig sind, um die Zugänglichkeit für alle Nutzer sicherzustellen und Pflichtfelder auf barrierefreie Weise zu kennzeichnen.
Chris Coyiers Überlegungen zu einem globalen Design-System
Mit dem Aufruf zur Entwicklung eines globalen Design-Systems ist Brad Frost recht wirksam an die interessierte Öffentlichkeit getreten (wir berichteten). CodePen- und CSS Tricks-Gründer Chris Coyier gibt Einblicke in seine Gedanken dazu.
Vorschlag für CSS-Variablengruppen
Lea Verou skizziert ihre Idee für Variablengruppen in CSS. Diese würden die Möglichkeit bieten, mehrere Eigenschaften im selben Namespace zu definieren und die gesamte Gruppe weiterzugeben. Sie geht dabei auf verschiedene Probleme im Zusammenhang mit Design-Tokens, Design-Systemen und der Integration von Komponenten Dritter ein.
Neuer Code-Editor Zed
Teile des Teams, die Atom-Editor für GitHub entwickelt haben, präsentieren jetzt einen neuen Code-Editor namens Zed. Die Software ist Open Source, verspricht bessere Performance als alle Konkurrenten, beinhaltet verschiedene AI-Tools und ermöglicht kollaboratives Arbeiten im Team.
OpenStreetMap führt Vektorkarten ein
OpenStreetMap wird in diesem Jahr mit der Einführung von Vektor-Kacheln einen großen Schritt nach vorne machen. Diese Maßnahme wird die Performance des quelloffenen Kartendienstes signifikant steigern und damit auch die Relevanz bei der Einbindung in Webprojekte erhöhen.
Toggles suck
Toggles sind attraktiv und einfach zu bedienen. Doch sie können bei unbedachter Anwendung auch zahlreiche Probleme in UX und Barrierefreiheit auslösen.
Figma Multi Edit
Figma hat das Feature »Multi Edit« veröffentlicht, mit dessen Hilfe Objekte gleichzeitig auf verschiedenen Frames bearbeitet werden können. Details zum Feature und zur Entstehung hat Figma im Blog veröffentlicht.
Tipps für den WP Block Editor
Der WordPress Block Editor und FSE-Themes können überwältigend sein. Auf editortips.com werden kleine, hilfreiche Tipps gelistet.
Einführung in Synced Pattern Overrides von WP
Aktuell gibt es in WordPress zwei Arten von Pattern: Synchronisierte und nicht-synchronisierte Pattern. In Zukunft wird es eine dritte Variante geben, bei der die Struktur synchronisiert, aber Inhalte in Form von Overrides geändert werden können.
Praktische Leitfäden für inklusives Design
In der regelmäßig fortgesetzten Serie »Design Patterns« hat Vitaly Friedman drei gewohnt empfehlenswerte Beiträge zum Design von UIs für ältere, ganz junge sowie farbenblinde Menschen veröffentlicht.
Tools, Tools
- SVG Filter Maker ist ein anspruchsvolles Werkzeug zur dynamischen Erstellung von SVG-Filter über ein GUI; Tipp: Zuerst die Anleitung lesen.
- Jeremy Keith hat ein neues Bookmarklet für PageSpeed Insights geschrieben. Als Lesezeichen abspeichern und komfortabel die Leistungswerte der besuchten Seite anzeigen lassen.
- Figma & React united ist ein gut aufbereitetes Figma UI Kit mit modernen Features.
- Bei windstatic gibt es eine weitere Komponenten-Bibliothek auf Basis von Tailwind und Alpine.hjs
Zum Schluss
Für alle, denen das digitale Leben mitunter zu immersiv wird: Auf der Website Textart.sh ist eine Sammlung von Grafiken zu finden, die nur mit Text erstellt wurden. Eine große Tag-Cloud bietet Einstieg in die Welt der Unicode-Kunst. Das entspannt die Augen!
Geschrieben von kulturbanause Team
Beiträge bei denen das kulturbanause-Team als Autor angegeben ist, wurden von mehreren Personen in Zusammenarbeit geschrieben. Wir nutzen diesen Blog als öffentliches Archiv und um euch bei alltäglichen Problemen im Zusammenhang mit der Erstellung von Websites zu helfen. Neben diesem Blog bieten wir auch Trainings wie Schulungen, Bücher oder Videos an. Und natürlich unterstützen wir auch gerne im Rahmen unserer Agenturtätigkeit.