--- title: "What would a Chrome only web look like?" publication: "Frontend Focus" issue: 547 published_at: "2022-06-22" canonical_url: "https://frontendfoc.us/issues/547" --- Plus Safari 16 features land in preview. | #​547 — June 22, 2022 | [Read on the web](https://frontendfoc.us/issues/547) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1655895434/ctgr05oweyh5boxj2lao.jpg)](https://www.mnot.net/blog/2022/06/22/chromium-only) ## What Would a Chromium-Only Web Look Like? Browser engines do much of the heavy lifting of managing the complexity and nuances of the web — and we’re blessed to have three major, open source ones — but if some in the Chromium community are arguing for “_a Chromium-only Web_” (and there are some strong rebuttals to this claim), then just what happens if that one day becomes a reality? Mark Nottingham shares his thoughts on the matter. → [mnot.net/blog/2022/06/22/chromium-only](https://www.mnot.net/blog/2022/06/22/chromium-only) [![\](https://copm.s3.amazonaws.com/3c55bec8.png)](https://shortcut.com/?utm_source=cooperFRONTEND&utm_medium=spon_nl&utm_campaign=prospecting&utm_content=issuetrack) [Don’t Let Your Issue Tracker Be a Four-Letter Word](https://shortcut.com/?utm_source=cooperFRONTEND&utm_medium=spon_nl&utm_campaign=prospecting&utm_content=issuetrack) — Frustrated with your project management software? Shortcut is a goldilocks solution for software engineers, product managers, and designers, providing the ease of use of a simple tool with the power and flexibility of an overly complex one. Shortcut (formerly Clubhouse.io) sponsor [Release Notes for Safari Technology Preview 147 with Safari 16 Features](https://webkit.org/blog/12960/release-notes-for-safari-technology-preview-147-with-safari-16-features/) — Available for download for macOS Monterey 12.3 or later and the macOS Ventura beta. Includes several of the new Safari 16 features that debuted at WWDC, such as: Passkeys, Safari Web Extensions improvements, Web Inspector Extensions, Flexbox Inspector, and more Jon Davis [Pop-ups Are Dead, Long Live Pop-ups: Or 'The Bait-and-Switch Hidden in a Cookie Announcement'](https://webdevlaw.uk/2022/06/17/data-reform-bill-cookie-popups/) — The UK government is said to be planning to ‘kill cookie pop-ups’ as part of its post-Brexit Data Reform Bill, but there’s more to it than that, as Heather expertly lays out in this opinionated piece. Heather Burns **⚡️ Quick bits:** - `:has` support in Chrome? Yup, shipping in [version 105](https://twitter.com/bramus/status/1539154484479377408). - [Version 9.1 of developer browser Polypane](https://polypane.app/blog/polypane-9-1-form-autofilling-fast-overview-screenshot-and-outline-panel-overlays/) is out now, adding form autofilling, outline panel overlays, and more. - Do you need a CSS reset? [This Twitter thread](https://twitter.com/KevinJPowell/status/1539439404174954496) is filled with interesting suggestions. - Here's an annoying quirk in Safari for iOS: [full-screen videos can overlap each other](https://mmazzarolo.com/blog/2022-06-16-safari-on-ios-can-overlap-multiple-full-screen-videos/). - A [quick note](https://twitter.com/FredKSchott/status/1537892513846939651) for those of you with a _.af_ domain... - Sure, Chrome has that dino game, but did you know you can [go surfing in Edge](https://twitter.com/MSEdgeDev/status/1539289877241544704)? Summer vibes in the browser. 😎 📙 **Tutorials, Articles & Opinion** [Precise Timing with the Web Animations API](https://www.smashingmagazine.com/2022/06/precise-timing-web-animations-api/) — Working with timers in JavaScript can quickly get complicated. Kirill takes a look at how the Web Animations API could eliminate the need for such timers in certain cases. Kirill Myshkin [Better Scrolling Through Modern CSS](https://blog.mayank.co/better-scrolling-through-modern-css) — We typically don’t spend a ton of time thinking about scrollbars, but here’s a few things you can quickly do to customise them. Mayank [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1655902251/m06qjojwx9ppanjgtset.png)](https://github.blog/2022-06-10-how-we-think-about-browsers/) [How GitHub Thinks About Browsers](https://github.blog/2022-06-10-how-we-think-about-browsers/) — This is an interesting dive into how GitHub is used across various browsers, what the company does to monitor such usage, and what they then do to ensure a solid user experience across the board (progressive enhancements, older browser support, etc). Keith Cirkel [Observability for Your Frontend Tests](http://buildkite.com/test-analytics?utm_campaign=CPress&utm_source=ppc&utm_medium=FrontEnd%20Focus&utm_term=Test-Analytics) — Get instant, real-time visibility into the performance of your test suite with Buildkite Test Analytics. Buildkite Test Analytics sponsor [The Guide to Windows High Contrast Mode](https://www.smashingmagazine.com/2022/06/guide-windows-high-contrast-mode/) — How to go about making your sites friendly for Windows High Contrast Mode users by using a good set of practices, including the media query `forced-colors` and its toolset. Cristian Díaz [`text-overflow: ellipsis` Considered Harmful?](https://yatil.net/blog/text-overflow-ellipsis-harmful) — A note on the downsides of constraining content through CSS. Eric Eggert [Internet Explorer Still Hasn't Gone Away](https://adrianroselli.com/2022/06/internet-explorer-still-does-not-go-away-today.html) — As is always the case, there are _some_ exceptions to the rule. Adrian Roselli [Conditionally Styling Selected Elements in a Grid Container](https://css-tricks.com/conditionally-styling-selected-elements-in-a-grid-container/) Preethi [The Rise and Fall of Neumorphism](https://webflow.com/blog/neumorphism) Jeff Cardello Jobs [Frontend Developer at X-Team (Remote)](https://x-team.com/remote-frontend-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=cooperpress-frontend&utm_content=frontend) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more. X-Team [Find Frontend Engineering Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-frontendfocus%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired 🔧 **Code, Tools & Resources** [Scroll Btween: Use Scroll Position to Tween Any CSS Values on DOM Elements](https://olivier3lanc.github.io/Scroll-Btween/) — Scrolling/parallax libraries tend to feel the same but this one demonstrates some diverse examples with colors, images, and text — all with no dependencies. Olivier Blanc [Grid Auto Fit for Tailwind CSS: A Tailwind Plugin to Create a Responsive Grid Without Media Queries](https://github.com/ThirusOfficial/tailwind-grid-auto-fit) — A useful CSS technique regardless of Tailwind, but this uses `grid-template-columns: autofit` as a basis for the concept. Thirus [Startups Like Brex, Doordash, Plaid and Ramp Use Retool to Build Internal Tools 10x Faster](https://retool.com/?utm_source=sponsor&utm_medium=newsletter&utm_campaign=cooperpress) Retool sponsor [TinyWow: A Collection of Online Tools to Manipulate Files](https://tinywow.com/) — Various utilities to edit, convert, and otherwise work with PDFs, images, videos, CSV, EPUB, URLs, and more. Box20 [#HEXWORDS: A Gallery of Searchable Hex Colors That Are Also Words](https://hexwords.netlify.app/) — A niche use case admittedly, but a bit of fun nonetheless — examples include the well-known #BADA55 along with more obscure ones like #DEC0DE, #CABB1E, #EFFACE, and so on. Paolo Ricciuti ✨ **QUICK RELEASES** This is a new section we'll include from time to time, quickly highlighting some recently updated and popular projects and GitHub repos of relevance in the frontend space: [html-react-parser 2.0.0](https://github.com/remarkablemark/html-react-parser) – HTML to React parser on server or client. [Boring Avatars 1.7](https://github.com/boringdesigners/boring-avatars) – Generates custom, SVG-based avatars. [simple-icons 7.2](https://simpleicons.org/) – SVG icons for popular brands. [PrimeVue 3.15](https://github.com/primefaces/primevue) – A set of open source UI Components for Vue. [flag-icons 6.5.1](https://github.com/lipis/flag-icons) – An SVG collection of all country flags — plus the CSS. [Adapt Framework 5.20](https://github.com/adaptlearning/adapt_framework) – A toolkit for creating HTML e-learning courses. 📬 **Got a new email address?** You can [change your email here](https://frontendfoc.us/edit_subscription/*|UID|*). --- **Bored of us?** Click [here to stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*). --- **Got a link for us?** Reply and tell us. We can't include everything but we'll take a look. --- Published by Cooper Press Ltd. Curated by [Chris Brandrick](https://twitter.com/chrisbrandrick) & [Peter Cooper](https://twitter.com/peterc). Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom [Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*) [Ipx.](https://frontendfoc.us/open/547/*|UID|*?ipx=t)