--- title: "Working together for the future of the web" publication: "Frontend Focus" issue: 532 published_at: "2022-03-09" canonical_url: "https://frontendfoc.us/issues/532" --- Plus is this the end for user agent strings? | [![\](https://res.cloudinary.com/cpress/image/upload/v1602675575/hhmdxfk96fnbq3effjk1.png)](https://frontendfoc.us/) Frontend Focus #​532 — March 9, 2022 | [Read on the web](https://frontendfoc.us/issues/532) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1646834712/e9cqaj2zo09kpmrnyizc.png)](https://webkit.org/blog/12288/working-together-on-interop-2022/) [Browser Vendors 'Working Together on Interop 2022'](https://webkit.org/blog/12288/working-together-on-interop-2022/) — A new collaboration from Apple, [Bocoup](https://bocoup.com/blog/interop-2022), [Google](https://web.dev/interop-2022/), [Microsoft](https://blogs.windows.com/msedgedev/2022/03/03/microsoft-edge-and-interop-2022/), [Mozilla](https://hacks.mozilla.org/2022/03/interop-2022/) and others to improve interoperability of (mostly visual) web technologies. [There’s a dashboard here](https://wpt.fyi/interop-2022) showing how various browser engines are doing across all focus areas. Jen Simmons (WebKit) [Say Hello to ``, a Fully Style-able `select` Element](https://css-tricks.com/the-selectmenu-element/) — An introduction to this new, experimental form control called `selectmenu`, including how much easier it is to style than a traditional element. Patrick Brosset [![\](https://copm.s3.amazonaws.com/c34c4c4c.png)](https://www.filestack.com/?utm_source=cooperpress&utm_medium=Leads%20Acquisition&utm_content=Frontendprimarylisting) [Filestack File Uploader & File Upload API](https://www.filestack.com/?utm_source=cooperpress&utm_medium=Leads%20Acquisition&utm_content=Frontendprimarylisting) — Advanced features include OCR, virus scanning & more. Get started with a free account. Filestack sponsor [Taming CSS Variables with Web Inspector](https://webkit.org/blog/12303/css-variables-web-inspector/) — CSS Custom Properties, better known as CSS variables, have been widely adopted by web designers to build reusable and configurable design systems. This post looks at how features in Safari’s Web Inspector helps you work with them. Razvan Caliman [A New Speed Milestone for Chrome](https://blog.chromium.org/2022/03/a-new-speed-milestone-for-chrome.html) — How the ‘M99’ release of Chrome saw substantial increases to the speed of Chrome across all major platforms. _"Overall, since launching Chrome on M1-based Macs in late 2020, Chrome is now 43% faster than it was just 17 months ago!"_ Max Christoff (Google) **⚡️ Quick bits:** - [Here are the release notes](https://webkit.org/blog/12434/release-notes-for-safari-technology-preview-141/) for Safari Technology Preview Release 141, which adds support for `overflow: clip`. - Working with viewport heights can be a bit tricky, but we've got [some new units on the way](https://twitter.com/jensimmons/status/1499441043930062854) to help make things easier. - 📅 Want to attend CityJS conference in London later this month? We've got some tickets to giveaway [over on Twitter](https://twitter.com/FrontendDaily/status/1500780992260411399). - A tech journalist suggests that [Chrome 100 beta marks the 'beginning of the end'](https://www.xda-developers.com/chrome-100-beta/) for user agent strings. 📙 **Tutorials, Articles & Opinion** [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1646835768/jkck24w690gbytgg0tjy.jpg)](https://www.smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/) [Building Web Layouts for Dual-Screen and Foldable Devices](https://www.smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/) — Explores how dual screens provide an opportunity to get ‘even more creative on the web’, and what APIs are available to make such support a reality. Stephanie Stimac [Five Web Things You Don't Need JavaScript For](https://lexoral.com/blog/you-dont-need-js/) — We love JS, but CSS and SVG have progressed enough to replace some traditional JS use cases. Steven Waterman ▶[Is HTML a Programming Language?](https://briefs.video/videos/is-html-a-programming-language/) — A six-minute video that very much answers: _yes, yes it is_, in spite of being a perennial debating point amongst developers. Webbed Briefs [Dynamic Charts Based on Data Selection in Angular](https://ad.doubleclick.net/ddm/clk/522142911;330162750;p) — Users want to generate their own charts? See how easy it can be with Kendo UI for Angular. Kendo UI for Angular sponsor [Enhancements to the Ubiquitous 2D HTML Canvas](https://developer.chrome.com/blog/canvas2d/) — Canvas is heavily used around the web in its Canvas2D guise (said to be up to 40% of pages, apparently?) and this post looks at some of the newer features and enhancements being made to it. Aaron Krajeski (Google) [How to Build a File Upload Service with Vanilla JavaScript](https://blog.logrocket.com/how-to-build-file-upload-service-vanilla-javascript/) — Building a file upload service with vanilla JavaScript, from scratch, with a method that requires _no_ npm packages and _no_ dependencies. Pankaj Tanwar [Creating Native Web Components](https://tympanus.net/codrops/2022/03/04/creating-native-web-components/) — Looks at how to create native web components using the [Minze](https://minze.dev) JavaScript framework. Sergej Samsonenko [An Auto-Filling CSS Grid with Max Columns of a Minimum Size](https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/) Mike Herchel [Seven Ways to Achieve a Faster Core Web Vitals Score](https://hackernoon.com/7-ways-to-achieve-a-faster-core-web-vitals-score) John Lewis [How to Make a “Raise the Curtains” Effect in CSS](https://css-tricks.com/css-raise-the-curtains-effect/) Silvestar Bistrović 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 [Senior React Engineer @ Nebulab (Remote)](https://nebulab.com/careers?gh_src=3495fbf2teu) — Join our distributed team and build high-volume eCommerce applications in a workplace made by developers for developers. Nebulab [Work Remotely Forever](https://topt.al/Jec5G2) — When you join Toptal, you get the freedom of freelance with the security of full-time. Take control of your career today. Toptal 🔧 **Code, Tools & Resources** [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1646842502/z4xzhbiyzrwydgqszpzn.png)](https://a11y-automation.dev/) [A11yAutomation: A More Thorough Way to Track Potential Accessibility Violations](https://a11y-automation.dev/) — Not exactly a single tool, but more of a one-stop guide where you can look up specific accessibility errors on your pages, along with a small list of testing tools. Melanie Sumner [loading-attribute-polyfill: A Lightweight Polyfill for Native Lazy Loading](https://github.com/mfranzke/loading-attribute-polyfill) — Support for `loading="lazy"` is decent for use on regular images, but this will fill the gaps on `srcset`, `picture`, and `iframe` elements. Maximilian Franzke [Reveal.js 4.3: An HTML Presentation Framework](https://revealjs.com/) — Brings elegant presentations to anyone with a Web browser. [v4.3](https://github.com/hakimel/reveal.js/releases/tag/4.3.0) just came out with a few tweaks. Hakim El Hattab [Project Management for Today's (And Tomorrow's) Software Team](https://shortcut.com/?utm_source=cooperFRONTEND&utm_medium=spon_nl&utm_campaign=prospecting&utm_content=tomorrow) Shortcut (formerly Clubhouse.io) sponsor [UI Colors: A Tailwind CSS Color Shades Generator & Editor](https://uicolors.app/create) — Pick a color or generate one randomly and this tool will allow you to export a palette derived from the selected color in various formats you can use in Tailwind projects. Erik Vries [gsap-video-export: Export GreenSock (GSAP) Animation to Video](https://github.com/workeffortwaste/gsap-video-export) Chris Johnson 📬 **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|*)