In der dieswöchigen Zusammenfassung: Firefox erhält Funktionen wie ein Schloss, Samsungs Galaxy Store unterstützt Progressive Web Apps, CSS Subgrid wird in Firefox 70 ausgeliefert und eine neue Studie bestätigt, dass Nutzer lieber auf Inhalte tippen als durch sie zu scrollen.
Kommen wir zu den Neuigkeiten.
Sicher generierte Passwörter in Firefox
Firefox schlägt jetzt ein sicher generiertes Passwort vor, wenn der Benutzer ein <input> Element fokussiert, das den Attributwert autocomplete="new-password" hat. Diese Option ist auch über das Kontextmenü in jedem Passwortfeld verfügbar.
(via The Firefox Frontier)
Web-Apps in Samsungs App Store
Samsung hat begonnen, Progressive Web Apps (PWA) zu seinem App Store, dem Samsung Galaxy Store, hinzuzufügen, der auf Samsung-Geräten verfügbar ist. Die neue Kategorie „Web-Apps“ ist zunächst nur in den USA sichtbar. Wenn Sie eine PWA besitzen, können Sie deren URL an [email protected] senden, und Samsung hilft Ihnen bei der Aufnahme in den Galaxy Store.
(via Ada Rose Cannon)
Tappable Stories im mobilen Web
Laut einer Studie im Auftrag von Google bevorzugt die Mehrheit der Menschen tappable Stories gegenüber scrollbaren Artikeln beim Konsumieren von Inhalten im mobilen Web. Google nutzt diese Studie, um AMP Stories zu bewerben, ein Format für tappable Stories im mobilen Web.
Beide Studien ließen die Teilnehmer mit realen Beispielen von tappable Stories im mobilen Web sowie mit scrollbaren Artikeläquivalenten interagieren. Forrester fand heraus, dass 64% der Befragten das tappable Mobile-Web-Story-Format dem scrollbaren Artikeläquivalent vorzogen.
(via Alex Durán)
Der Grid-Form-Anwendungsfall für CSS Subgrid
CSS Subgrid wird nächsten Monat in Firefox ausgeliefert. Diese neue Funktion ermöglicht es, Grid-Elemente von verschachtelten Grids auf das äußere Grid zu legen, was in Situationen nützlich ist, in denen die gewünschten Grid-Elemente keine direkten Kinder des Grid-Containers sind.
(via Šime Vidas)
Ich war verwirrt von dem Subgrid-Beispiel, aber wenn man sich den verlinkten Artikel ansieht, kann man erkennen, dass die Eingabefelder innerhalb der Labels umschlossen sind.
Ich denke, der letzte Teil würde von der HTML-Quelle profitieren.
Ich bin trotzdem begeistert von Subgrid
Guter Punkt. Ich habe darüber nachgedacht, aber der letzte Abschnitt ist nur als Vorschau gedacht und keine richtige Erklärung. Daher empfehle ich dringend, den verlinkten Artikel zu lesen und das Video von Mozilla anzusehen, das die beiden Fallback-Strategien erklärt.
Das, was mich an Subgrid in diesem Beispiel am meisten verwirrt hat, ist, wie man auf dem verschachtelten Grid-Container sowohl
gird-columnals auchgrid-template-columngleichzeitig deklariert. Wenn ich CSS Grid vorher nicht verstanden hätte, hätte ich wahrscheinlich aufgegeben.