~frontendfocus | Issue 689 - Chrome's hand stays in the cookie jar (18)

🍪 Next Steps for Privacy Sandbox and Tracking Protections in Chrome — After years of back and forth and dithering on plans to remove third-party cookies from Chrome it now seems like Google has called it quits and thrown in the towel on the idea: “Taking all of these factors into consideration, we’ve made the decision to maintain our current approach to offering users...

AG Grid: The Best JavaScript Data Grid In The World — Create high-performance data grids with our open-source library, trusted by 90% of the Fortune 500. Add advanced features like Integrated Charting, Grouping, Pivoting and more with a few lines of code. Supports React, Angular and Vue. Try for free.

⭐ A Flowing WebGL Gradient, Deconstructed — Even if you don’t want to render a neat plasma-style effect on the Web, this is a wonderfully deep exploration of the math and technology behind doing so using simple GLSL code that could be easily understood by most frontend developers.

AI is the Future of Accessibility — “Let’s treat AI not as a threat to accessibility, but as a tool we must shape—because the future belongs to those who build it. Stop being afraid of change and, instead, work to make sure change is for the better”.

What Does It Really Mean for a Site to be 'Keyboard Navigable' — A look at why being able to navigate our sites with a keyboard matters, how to test your current set up, and ultimately improve it.

Why You Need to Know Your Site's Performance Plateau (and How to Find It) — So you’ve made your site faster, but that hasn’t shifted the metrics like you’d hoped. Maybe you’ve hit a performance plateau — the point at which changes to your website’s rendering metrics cease to matter because you’ve bottomed out in terms of business/user engagement metrics.

Building an Offline-Friendly Image Upload System — How to leverage PWA tech such as IndexedDB, service workers, and the Background Sync API to help improve the reliability of web apps for users, particularly those with unreliable internet connectivity.

So, You Want to Give Up CSS Pre- and Post-Processors... — How native CSS, new features and new tools can help us inch towards ditching pre-processors.

Mastering Carousels with GSAP: From Basics to Advanced Animation — A solid overview of creating a carousel that makes use of scroll snapping, utility functions, 3D effects, draggable interactions, and more.

A Note About WCAG Conformance Levels — A quick high-level primer on the various conformance levels of the Web Content Accessibility Guidelines (A, AA, AAA).

Magick Images — Here’s how Ethan made use of image library Imagemagick to create new social media og:image preview images.

Fixing Vercel's Landing Page — Tomi spotted a small visual quirk in a background pattern of Vercel’s site and set out to fix it.

Introducing Kermit: A Typeface for Kids — Nothing to do with the famous frog — no, this new font aims to empower children by making reading easier, and improving comprehension. Pretty friendly and approachable I’d say.

Frimousse: A Lightweight, Unstyled, and Composable Emoji Picker for React — The picker is accessible and won’t display any emojis that aren’t supported on the device. You can explore some demos here.

Polypane 24: Recording, 3D View, Custom Tab Colors and HTML Editing — A new version of developer browser Polypone has just released, adding a built-in video recorder, a 3D view (shown above) for looking over your stacking context / z-index rules, and more.

Tailwind Trainer: A Game for Practicing Tailwind Utility Classes — From the same folks that created the popular Flexbox Froggy and Grid Garden games, this one helps you learn Tailwind syntax and it promises that no two play-throughs are the same.

Astro Font: An Astro Plugin to Automatically Optimize Your Fonts — Supports optimization for custom fonts, local fonts, fonts over any CDN, and Google Fonts.

CSS Hell — This CSS-based puzzle game has you changing properties to meet certain criteria. 15 to complete, and rather challenging. The repo has the intended solutions if/when you get stuck. (Note: It's not mobile friendly at all.)