{"id":298572,"date":"2019-11-07T17:42:36","date_gmt":"2019-11-08T00:42:36","guid":{"rendered":"https:\/\/css-tricks.com\/?p=298572"},"modified":"2019-11-07T17:42:36","modified_gmt":"2019-11-08T00:42:36","slug":"weekly-platform-news-web-apps-in-galaxy-store-tappable-stories-css-subgrid","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/weekly-platform-news-web-apps-in-galaxy-store-tappable-stories-css-subgrid\/","title":{"rendered":"Weekly Platform News: Web Apps in Galaxy Store, Tappable Stories, CSS Subgrid"},"content":{"rendered":"<p>In this week&#8217;s roundup: Firefox gains locksmith-like powers, Samsung&#8217;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.<\/p>\n<p>Let&#8217;s get into the news.<\/p>\n<p><!--more--><\/p>\n<h3>Securely generated passwords in Firefox<\/h3>\n<p>Firefox now suggests a securely generated password when the user focuses an <code>&lt;input&gt;<\/code> element that has the <code>autocomplete=\"new-password\"<\/code> attribute value. This option is also available via the context menu on any password field.<\/p>\n<figure>\n  <video src=\"https:\/\/css-tricks.com\/wp-content\/uploads\/2019\/11\/firefox-generated-password.mp4\" controls><\/video><br \/>\n<\/figure>\n<p><small>(via <a href=\"https:\/\/blog.mozilla.org\/firefox\/password-security-features\/\" rel=\"noopener\">The Firefox Frontier<\/a>)<\/small><\/p>\n<h3>Web apps in Samsung\u2019s app store<\/h3>\n<p>Samsung has started adding Progressive Web Apps (<abbr>PWA<\/abbr>) to its app store, Samsung Galaxy Store, which is available on Samsung devices. The new \u201cWeb apps\u201d category is visible initially only in the United States. If you own a <abbr>PWA<\/abbr>, you can send its <abbr>URL<\/abbr> to <a href=\"mailto:pwasupport@samsung.com\">pwasupport@samsung.com<\/a>, and Samsung will help you get onboarded into Galaxy Store.<\/p>\n<figure id=\"post-298575\" class=\"align-left media-298575\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/11\/galaxy-store-web-apps.png?ssl=1\" alt=\"\" data-recalc-dims=\"1\" \/><\/figure>\n<p><small>(via <a href=\"https:\/\/medium.com\/samsung-internet-dev\/introducing-progressive-web-apps-to-samsung-galaxy-store-47ecd317725b\" rel=\"noopener\">Ada Rose Cannon<\/a>)<\/small><\/p>\n<h3>Tappable stories on the mobile web<\/h3>\n<p><a href=\"https:\/\/drive.google.com\/file\/d\/1UUy80FNr04gUNkt4qIw5hxkmWNffysPO\/view\" rel=\"noopener\">According to a study<\/a> commissioned by Google, the majority of people prefer <a href=\"https:\/\/tappable.co\" rel=\"noopener\">tappable stories<\/a> 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.<\/p>\n<blockquote><p>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.<\/p><\/blockquote>\n<p><small>(via <a href=\"https:\/\/blog.amp.dev\/2019\/10\/25\/users-prefer-tappable-stories-on-the-mobile-web\/\" rel=\"noopener\">Alex Dur\u00e1n<\/a>)<\/small><\/p>\n<h3>The grid form use-case for CSS Subgrid<\/h3>\n<p>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.<\/p>\n<figure id=\"post-298576\" class=\"align-left media-298576\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/11\/subgrid-form.png?ssl=1\" alt=\"\" data-recalc-dims=\"1\" \/><\/figure>\n<p><small>(via <a href=\"https:\/\/webplatform.news\/issues\/2019-11-05\" rel=\"noopener\">\u0160ime Vidas<\/a>)<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this week&#8217;s roundup: Firefox gains locksmith-like powers, Samsung&#8217;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&#8217;s get into the news.<\/p>\n","protected":false},"author":245432,"featured_media":298573,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[1649,4],"tags":[591,1471,1281,1672,1567],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/11\/wpn-20191107.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":288641,"url":"https:\/\/css-tricks.com\/weekly-platform-news-favicon-guidelines-accessibility-testing-web-almanac\/","url_meta":{"origin":298572,"position":0},"title":"Weekly Platform News: Favicon Guidelines, Accessibility Testing, Web Almanac","date":"May 31, 2019","format":false,"excerpt":"In this week's news, Google defines guidelines for favicons, a new a11y testing tool from The Paciello Group, and changes to how the W3C plans to engage the community, plus more.","rel":"","context":"In &quot;Weekly Platform News&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/05\/web-platform-news-0530.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":299880,"url":"https:\/\/css-tricks.com\/firefox-71-first-out-of-the-gate-with-subgrid\/","url_meta":{"origin":298572,"position":1},"title":"Firefox 71: First Out of the Gate With Subgrid","date":"December 5, 2019","format":false,"excerpt":"A great release from Firefox this week! See the whole roundup post from Chris Mills. I'm personally stoked to see clip-path: path(); go live, which we've been tracking as it's so clearly useful. We also get column-span: all; which is nice in case you're one of the few taking advantages\u2026","rel":"","context":"In &quot;Link&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/subgrid-markup.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":297829,"url":"https:\/\/css-tricks.com\/weekly-platform-news-webapk-limited-to-chrome-discernible-focus-rectangles-modal-window-api\/","url_meta":{"origin":298572,"position":2},"title":"Weekly Platform News: WebAPK Limited to Chrome, Discernible Focus Rectangles, Modal Window API","date":"October 24, 2019","format":false,"excerpt":"In this week's roundup: \"Add to home screen\" has different meanings in Android, Chrome and Edge add some pop to focus rectangles on form inputs, and how third-party sites may be coming to a modal near you. Let's get into the news. WebAPKs are not available to Firefox on Android\u2026","rel":"","context":"In &quot;Weekly Platform News&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/10\/wpn-20191024.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":291398,"url":"https:\/\/css-tricks.com\/weekly-platform-news-css-scroll-snap-opera-gx-pwa-install-icon\/","url_meta":{"origin":298572,"position":3},"title":"Weekly Platform News: CSS Scroll Snap, Opera GX, PWA Install Icon","date":"June 14, 2019","format":false,"excerpt":"In this week's roundup, Chrome is adding an install option for Progressive Web Apps, Opera GX comes to Windows, the ECMAScript proposals get an update, and CSS Scroll Snap is coming to a Firefox browser near you.","rel":"","context":"In &quot;Weekly Platform News&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/06\/web-platform-news-190614.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":300225,"url":"https:\/\/css-tricks.com\/weekly-platform-news-strict-tracking-protection-dark-web-pages-periodic-background-sync\/","url_meta":{"origin":298572,"position":4},"title":"Weekly Platform News: Strict Tracking Protection, Dark Web Pages, Periodic Background Sync","date":"December 12, 2019","format":false,"excerpt":"In this week's news: Firefox gets strict, Opera goes to the dark side, and Chrome plans to let web apps run in the background. Let's get into the news. Firefox for Android will block tracking content Mozilla has announced that the upcoming revamped Firefox for Android (currently available in a\u2026","rel":"","context":"In &quot;Weekly Platform News&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/wpn-20191212.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":295027,"url":"https:\/\/css-tricks.com\/maskable-icons-android-adaptive-icons-for-your-pwa\/","url_meta":{"origin":298572,"position":5},"title":"Maskable Icons: Android Adaptive Icons for Your PWA","date":"August 29, 2019","format":false,"excerpt":"There is a new web feature called maskable icons that is coming soon to Firefox Preview and other web browsers. This new icon format will let your PWAs have their own adaptive icons on Android.","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/08\/adaptive-icons.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/298572"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/245432"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=298572"}],"version-history":[{"count":3,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/298572\/revisions"}],"predecessor-version":[{"id":298579,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/298572\/revisions\/298579"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/298573"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=298572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=298572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=298572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}