|
|
![]() |
The History of Core Web Vitals — This is a comprehensive chronicle of the story behind Core Web Vitals over the years, looking at how the initiative has evolved, and its broader impact on web performance. The suggestion here is that thanks to Core Web Vitals, when taken together, Chrome users have been saved from a combined total of 30,000 years of waiting! Addy Osmani |
![]() 🔺Build Your Next Diagramming App 12x Faster with JointJS — Save months of dev time. Use our 170+ templates (with source code) to ship AI agent builders, SCADA, BPMN, flowchart editors, and more in just days. Thousands of developers and Fortune 100 companies rely on JointJS for robust diagramming UIs. JOINTJS sponsor |
What's New in View Transitions (2025 Update) — Bramus brings us up to speed on the various enhancements and recently shipped features now found in the View Transitions API (an area of focus for Interop 2025). He also shares how we can go about leveraging these improvements for smoother web app animations, by way of code examples and demos. Bramus (Google) |
🎨 A Pragmatic Guide to Modern CSS Colors — The first in a two-part series looking over modern CSS color capabilities. If you’ve not approached using newer CSS color techniques yet this is an excellent, easy to read primer, filled with practical examples. Kevin Powell |
|
📙 Articles, Opinions & Tutorials |
Europe’s Cookie Law 'Messed Up The Internet.' Brussels Wants to Fix It — “the Commission is pondering how to tweak the rules to include more exceptions or make sure users can set their preferences on cookies once (for example, in their browser settings) instead of every time they visit a website”. Ellen O'Regan |
Stop Ignoring the Browser: The Biggest Frontend Shift in a Decade — Makes the case for native browser APIs as viable alternatives to using frameworks like React & Angular, plus looks at how such a change might impact developer workflows. Alexander T. Williams |
⚡ Supercharge Postgres: 2PB Scale & 1.5T Metrics/Day — TigerData makes Postgres the fastest database for modern workloads: 2PB scale, 1.5T metrics/day, no black boxes. TigerData sponsor |
▶ What’s New in DevTools 139-141 — A quick recap looking at the latest DevTools features in Chrome, including changes to the network panel, Baseline information, and new AI assistance. Matthias Rohmer |
![]() |
Getting Creative with Andy Clarke |
How to Detect Safari and iOS Versions from JavaScript — Naturally, progressive enhancement is the best policy, but if you need to.. Evgeniy Valyaev |
How to Optimize Viewport for Mobile for Faster Interactions
|
Targeting Specific Characters with CSS Rules
|
Auditing Your Design System for Accessibility
|
🧰 Tools, Code & Resources |
Accented: A Frontend Library for Continuous Accessibility Testing — Just add a few lines to your app and the library (powered by Axe) will add interactive callouts next to elements with accessibility issues. There’s a write-up and you can try a live demo on Stackblitz. Pavel Pomerantsev |
Size Matters: A Fluid Type Scale Generator — The process of generating the code (which uses the CSS Ash Bryant |
Bots Abuse Free Trials. WorkOS Radar Stops Them — Leading AI companies like Cursor use WorkOS Radar to block fake accounts, fraud, and abuse before it reaches your app. WorkOS sponsor |
itty.dev: Small But Powerful Libraries for Modern Web Apps — Includes a router, fetcher, packager, utility for console styling, and more. All libraries are small and intuitive to use. Kevin R. Whitley |
Harmonizer: Сreate Accessible, Consistent, Color Palettes for UIs — Attempts to solve some of the problems inherent in design system colors by “generating color with perceptually consistent lightness and contrast”. This helps, for example, with text contrast. Available as a web tool or Figma plugin. evil martians |
StreamTest: A Chrome Extension for Monitoring WebRTC Connection Health — It provides detailed data on video stream quality, including FPS, bitrate, resolution, connection status, packet loss, delays, etc. Fora Soft |
|