Auf der Website bekommst du auch einen guten Eindruck, was sich geändert hat. Unter anderem neue Formen und neue Animationen.

Was ich am spannendsten finde: dynamische Farben.

Google hat in Android 12 ein Algorithmus integriert, der Farbtöne aus dem Wallpaper der Nutzer:innen extrahiert, die vom UI verwendet werden können. So bekommen die Apps eine persönlichere Note.

Ich habe kein Android-Gerät, deswegen konnte ich das Feature noch nicht selbst ausprobieren.

Umsetzung für Webseiten?

Bisher ist Material You hauptsächlich für Android vorgesehen, es wird aber eine Frage der Zeit sein, dass auch an Web gedacht wird. Webseiten haben keine direkte Möglichkeit, den Wallpaper vom Betriebssystem abzugreifen.

Möglicherweise wird Google für Chrome die Theme-Farben als CSS-Variablen liefern, sodass Webentwickler:innen diese einfach nutzen können. Andere Chromium-Browser (wie Edge) könnten diese API dann ebenfalls erhalten.

Übergangslösung

Ich habe ein wenig experimentiert und Farben aus dem Standard-Wallpaper aus macOS Monterey mit Hilfe von Adobe Color extrahiert.

Den Dark Mode habe ich ebenfalls berücksichtigt:

In nächsten Schritten könnte man mit JavaScript herausfinden, welches Betriebssystem verwendet wird und jeweils Farben der Standard-Wallpaper anwenden.

Oder man erlaubt, Benutzer:innen ein Bild zum Analysieren hochzuladen/auszuwählen. Das halte ich allerdings für einen nicht sehr eleganten Ansatz.

Damit eignet es sich vor allem für ältere oder langsamere Smartphones.

Wie richte ich Start Touch als Startseite ein?

Zumindest bei den Standard-Browsern von Android kann man noch eine Startseite einrichten.

Am schnellsten geht es, wenn du die Seite über diesen QR-Code öffnest:

Ich habe die Version von LGK Start jetzt auf 9.0 hochgestuft.

Neuerungen gibt es eigentlich nicht, es wurde lediglich das Design an das des neuen LGK-Menüs angepasst.

Fährt man nun mit der Maus über einen Punkt der LGK Start-Menüs, startet eine Animation als Hintergrund.

Auch die Blockboxes wurden optisch aufgepeppt. Das sind die Fenster, die erscheinen, wenn man im Optionen-Menü ein Link klickt.

Optisch hat sich auch etwas an der mobilen Version von LGK Start getan.

Das Design ist jetzt mehr an das der Standard-Version angelegt.

Außerdem passt sich die Größe des Eingabefeldes und der Buttons dem Bildschirm an.

Wenn LGK Start auf einem mobilen Gerät aufgerufen wird, wechselt die Seite sofort zur mobilen Version.

Alternativ kann auch direkt lgkonline.de/start/touch aufgerufen werden.