In this week’s roundup: Firefox gains locksmith-like powers, Samsung’s Galaxy Store starts supporting Progressive Web Apps, CSS Subgrid is shipping in Firefox 70, and a new study confirms that users prefer to tap into content rather than scroll through it.
Let’s get into the news.
Securely generated passwords in Firefox
Firefox now suggests a securely generated password when the user focuses an <input> element that has the autocomplete="new-password" attribute value. This option is also available via the context menu on any password field.
(via The Firefox Frontier)
Web apps in Samsung’s app store
Samsung has started adding Progressive Web Apps (PWA) to its app store, Samsung Galaxy Store, which is available on Samsung devices. The new “Web apps” category is visible initially only in the United States. If you own a PWA, you can send its URL to [email protected], and Samsung will help you get onboarded into Galaxy Store.
(via Ada Rose Cannon)
Tappable stories on the mobile web
According to a study commissioned by Google, the majority of people prefer tappable stories over scrolling articles when consuming content on the mobile web. Google is using this study to promote AMP Stories, which is a format for tappable stories on the mobile web.
Both studies had participants interact with real-world examples of tappable stories on the mobile web as well as scrolling article equivalents. Forrester found that 64% of respondents preferred the tappable mobile web story format over its scrolling article equivalent.
(via Alex Durán)
The grid form use-case for CSS Subgrid
CSS Subgrid is shipping in Firefox next month. This new feature enables grid items of nested grids to be put onto the outer grid, which is useful in situations where the wanted grid items are not direct children of the grid container.
(via Šime Vidas)
I was confused by the subgrid example, but if you look at the linked article you can see, that the inputs are wrapped inside if the labels.
I think the last part would benefit from the html-source.
I’m hyped for subgrid nonetheless
Good point. I thought about that, but the last section is meant only as a preview instead of a proper explanation, so I’d definitely recommend reading the linked article and watching Mozilla’s video which explains the two fallback strategies.
The one thing that confused me the most about Subgrid in this example is how on the nested grid container, you declare both
gird-columnandgrid-template-columnat the same time. If I didn’t understand CSS Grid from before, I’d probably have given up.