--- title: "W3C doubles down: 'Third-party cookies have to go'" publication: "Frontend Focus" issue: 654 published_at: "2024-07-31" canonical_url: "https://frontendfoc.us/issues/654" --- Plus how user geolocation can fail. | Together with [![WorkOS\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_514,h_98/e_make_transparent/co_white,e_outline:9/tdfxwgk852ui9leli4wm.png)](https://workos.com/?utm_source=fefocus&utm_medium=newsletter&utm_campaign=q22024) 🚀 **Frontend** Focus #​654 — July 31, 2024 | [Read on the web](https://frontendfoc.us/issues/654) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1722425601/nrwqhujr613tqske57vq.jpg)](https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/) [Patterns for Memory Efficient DOM Manipulation](https://frontendmasters.com/blog/patterns-for-memory-efficient-dom-manipulation/) — Marc shares a solid look at the best practices to employ in order to avoid excess memory usage when managing/updating the DOM, all with a hope to make your apps faster. A good overview of the core principles behind DOM manipulation and optimization. Marc Grabanski 🍪 ['Third-Party Cookies Have Got to Go'](https://www.w3.org/blog/2024/third-party-cookies-have-got-to-go/) — Following [Google’s recent about-turn](https://privacysandbox.com/news/privacy-sandbox-update/) on deprecating third-party cookies, the W3C [reiterates their firm position](https://www.w3.org/2001/tag/doc/web-without-3p-cookies/), stating that these cross-site cookies “_are harmful to the web, and must be removed from the web platform_”. Hadley Beeman (W3C) [![\](https://copm.s3.amazonaws.com/d367c7e0.png)](https://workos.com/?utm_source=fefocus&utm_medium=newsletter&utm_campaign=q22024) [WorkOS: Start Selling to Enterprises with Just a Few Lines of Code](https://workos.com/?utm_source=fefocus&utm_medium=newsletter&utm_campaign=q22024) — WorkOS is a modern identity platform for B2B SaaS. It provides flexible and easy-to-use APIs to integrate SSO, SCIM, and RBAC in minutes. WorkOS is used by hundreds of high-growth startups including Perplexity, Vercel, Drata, & Webflow. WorkOS sponsor [How the Paris 2024 Summer Olympics Has Impacted Internet Traffic](https://blog.cloudflare.com/paris-2024-summer-olympics-impacted-internet-traffic) — Admittedly not a frontend piece, but a timely and interesting post all the same on web traffic and the impact of major global events such as the Olympics. Tomé and Pacheco (Cloudflare) ⚡️ Quick Links - 📏 Good to know: CSS `font-size-adjust` is [now in Baseline](https://web.dev/blog/font-size-adjust). - 🆕 Rachel Andrew runs through [what new additions and features have landed across the web platform](https://web.dev/blog/web-platform-07-2024) over this past month. - 🤝 Here's [what's new in WebGPU](https://developer.chrome.com/blog/new-in-webgpu-127) as of Chrome 127, including WebAssembly interop improvements. - 🌳 Version 20.1 of developer browser [Polypane is out now](https://polypane.app/blog/polypane-20-1-the-accessibility-tree/), with a new live accessibility tree feature. - 🧭 The latest update to [Safari 17.6 adds the `safe` keyword](https://webkit.org/blog/15739/webkit-features-in-safari-17-6/) for alignment in Flexbox. - 🎛️ Turns out there are a _lot_ of command lines which can be used with the Google Chrome browser. [Here they all are](https://peter.sh/experiments/chromium-command-line-switches/). [🗓️ SquiggleConf: A Conference for Excellent Web Dev Tooling](https://2024.squiggleconf.com/?ref=frontendfocus) — See the latest and greatest in web dev tools. Learn cutting edge tips and strategies to supercharge your devs. SquiggleConf sponsor 📙 **Tutorials, Articles & Opinion** [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1722422013/gnsobjeec06t1eedlfgu.png)](https://austingil.com/user-location-is-a-lie/) [User Location is a Lie](https://austingil.com/user-location-is-a-lie/) — Come for the nuance around location-based programming, stay for the list of potentially amusing place names. Beyond that, Austin dives into various ways to access user location, how these methods can sometimes fail, and what to do about it. Austin Gil [Letter Spacing is Broken and There's Nothing We Can Do About It... Maybe](https://css-tricks.com/letter-spacing-is-broken-and-theres-nothing-we-can-do-about-it-maybe/) — “_a flaw so ingrained on the web that browsers have been ignoring the CSS specification for year_” Juan Diego Rodríguez [The Case for Web Components (Free eBook)](https://hubs.li/Q02H2zkH0) — Looking for the inside track on Web Components? This expert guide will help you master the technology. zeroheight sponsor [Popover API 101](https://www.amitmerchant.com/popover-api-101/) — Covers the basics of the now well supported Popover API, including a straightforward look at using it, styling it, and animating it. Amit Merchant [Bring Your Own API Key: Supporting User-Provided OpenAI Keys and Prompts in Browser Extensions](https://www.xiegerts.com/post/browser-extension-genai-key-prompts/) Stephen Siegert [Dungeons & Dragons Taught Me How to Write `alt` Text](https://ericwbailey.website/published/dungeons-and-dragons-taught-me-how-to-write-alt-text/) Eric Bailey [How to Build Horizontal Marquee Effects with GSAP](https://webdesign.tutsplus.com/how-to-build-horizontal-marquee-effects-with-gsap--cms-108794t) George Martsoukos [Demystifying Cookies and Tokens](https://tommihovi.com/2024/05/demystifying-cookies-and-tokens/) Tommi Hovi 🔧 **Code, Tools & Resources** [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/btgk0end5i8mvggztft6.jpg)](https://www.floating-ui.com/) [Floating UI: Positioning for Tooltips, Popovers, Dropdowns, etc.](https://www.floating-ui.com/) — If this reminds you of [Tippy.js](https://atomiks.github.io/tippyjs/) or [Popper](https://popper.js.org/) at all, it’s similar and shares a creator and contributor respectively who says it’s _“designed to be a next-generation evolution”_. Lots of good demos on the homepage, and solid documentation too. atomiks [Astro 4.12: 🏝️ Say Hello to Server Islands](https://astro.build/blog/astro-4120/) — The latest version of the popular [Astro](https://astro.build/) framework includes a new concept of _server islands_ — a way to integrate static HTML and _server-side generated_ components together. Erika and Phillips (Astro) [Perfect Bug Reporting: A Checklist to Write Bug Reports That Developers Love](https://www.perfectbugreport.io/) — A nicely-designed interactive site that describes seven steps to help everyone write better bug reports. Might be useful for team members who aren’t accustomed to reporting bugs. marker.io [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/v1722426831/n3seskmxgozm0rrxzkae.png)](https://github.com/SendWithSES/Drag-and-Drop-Email-Designer) [SENDUNE Designer: An Open-Source Drag-and-Drop HTML Email Builder](https://github.com/SendWithSES/Drag-and-Drop-Email-Designer) — You can install it locally or try the [demo online](https://designer.sendune.com/). Includes three options: The drag-and-drop editor, raw HTML, or plain text. Also allows you to send a test email to yourself, among other features. SENDUNE [TargetJ: A UI Framework Designed to Simplify Development and Animation](https://github.com/livetrails/targetj) — The framework is based on the concept of ‘targets’, which form building blocks for components, and are used for animation, loading data, events, etc. There’s a helpful visual explainer on [the home page](https://targetj.io/). livetrails [CSS Converter: A VS Code Extension to Convert Kebab-Case to Camel-Case and Vice Versa](https://marketplace.visualstudio.com/items?itemName=Lakkannawalikar.css-converter#css-converter) Lakkanna Walikar 🕰️ ICYMI (_Older links, still worth checking out_) - Ralph Mason [shares a quick tip](https://www.sitepoint.com/css-subgrid-align-column-rows/) on how to use the subgrid feature of CSS Grid to align content of boxes that sit side by side. - In a world of `em` and `rem` units, [J H Williams claims that](https://thudfactor.com/posts/2024/03/pixels/), actually "_pixels work best under most circumstances_". - Andy Bell demos [some of the little ways to use CSS `:has()`](https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/) in the real world. 📬 **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://mastodon.social/@brandrick) & [Peter Cooper](https://twitter.com/cooperx86). Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom [Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*) [Ipx.](https://frontendfoc.us/open/654/*|UID|*?ipx=t)