|
|
![]() |
🍪 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 third-party cookie choice in Chrome, and will not be rolling out a new standalone prompt for third-party cookies. Users can continue to choose the best option for themselves in Chrome’s Privacy and Security Settings.” Anthony Chavez (Privacy Sandbox) |
![]() 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. AG Grid sponsor |
⭐ 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. Alex Harri |
|
📙 Articles, Opinions & Tutorials |
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”. Karl Groves |
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. Eleanor Hecks |
![]() |
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. Tammy Everts |
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. Amejimaobari Ollornwi |
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. Zell Liew |
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. Tom Miller |
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). Dennis Deacon |
Magick Images — Here’s how Ethan made use of image library Imagemagick to create new social media Ethan Marcotte |
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. Tomi Kalmi |
Creating CSS Theme Variables from a JS File
|
Writing the Onboarding Experience
|
🧰 Tools, Code & Resources |
![]() |
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. Rob McKaughan (Microsoft) |
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. liveblocks |
![]() |
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. Kilian Valkhof |
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. Codepip |
Astro Font: An Astro Plugin to Automatically Optimize Your Fonts — Supports optimization for custom fonts, local fonts, fonts over any CDN, and Google Fonts. Rishi Raj Jain |
Symbl: Easily Search, Copy, and Use HTML Symbols, Emojis & More
|
JSONMocker: A Web-Based Editor to Create Reusable JSON Mock Data Schema Files
|
Markdown to Slides: An Online Tool to Convert Markdown to PDF/PPTX Slides
|
🔥 ...and finally |
![]() |
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.) Marcos Acosta |