🌐 Web Development

Frontend frameworks, backend architecture, APIs, CSS, JavaScript, performance

Who is Elon Musk and what is his net worth?

The boss of X, Tesla and SpaceX is the world's richest person and has used his platform to make his views known on a vast array of topics.

More: Home News US & Canada UK UK Politics England N. Ireland Politics Scotland Scotland Politics Wales Wales Politics Africa Asia China India Australia Europe Latin America Middle East In Pictures BBC InDepth BBC Verify Football 2026 Business World of Business Technology of Business NYSE Opening Bell Technology Artificial Intelligence Intelligence Revolution AI v the Mind Tech Now…
TL;DR: The boss of X, Tesla and SpaceX is the world's richest person and has used his platform to make his views known on a vast array of topics.
Read original at Bbc
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

Next.js 16.2: 400% Faster Dev Startup, Faster Rendering, and Deeper Tooling for AI Agents

Vercel has released Next.js 16.2, featuring performance enhancements that make development startup 400% faster and rendering up to 60% quicker. The update includes AI-assisted development tools, improved Turbopack efficiency, and better error reporting. Migration from Next.js 15 is supported, and compatibility is set for Node.js 20.9 and TypeScript 5.1 or newer. By Daniel Curtis

More: Next.js 16.2: 400% Faster Dev Startup, Faster Rendering, and Deeper Tooling for AI Agents. The update includes AI-assisted development tools, improved Turbopack efficiency, and better error reporting. Migration from Next.js 15 is supported, and compatibility is set for Node.js 20.9 and TypeScript 5.1 or newer.
TL;DR: Vercel has released Next.js 16.2, featuring performance enhancements that make development startup 400% faster and rendering up to 60% quicker.
Read original at Infoq
Further reading: MDN Web DocsCSS-TricksWeb.dev by GoogleWikipedia

SpaceX stock market debut set to make Elon Musk a trillionaire

SpaceX plans to raise up to $75bn (£56bn) when it goes public this month – putting Elon Musk on course to become the world's first trillionaire.

TL;DR: SpaceX plans to raise up to $75bn (£56bn) when it goes public this month – putting Elon Musk on course to become the world's first trillionaire.
Read original at News
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

Self-hosted dev sandboxes with preview URLs (Docker, Go, no K8s)

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window.

More: You signed in with another tab or window. You signed out in another tab or window. Dismiss alert {{ message }} tastyeffectco / sandboxes Public Notifications You must be signed in to change notification settings Fork 0 Star 10   main Branches Tags Go to file Code Open more actions menu Folders and files Name Name Last commit message Last commit date Latest commit   History 6 C…
TL;DR: Reload to refresh your session.
Read original at Github
Further reading: web.devStack OverflowMDN Web DocsWikipedia

offset-path

The offset-path property in CSS defines a movement path for an element to follow during animation. This property began life as motion-path . This, and all other related motion-* properties, are being renamed offset-* in the spec . We’re changing … offset-path originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: The offset-path property in CSS defines a movement path for an element to follow during animation. We’re changing … offset-path originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

@custom-media

The CSS @custom-media at-rule allows creating aliases for media queries. @custom-media originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: The CSS @custom-media at-rule allows creating aliases for media queries. @custom-media originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

How To Make Your Design System AI-Ready

Practical guide on how to reduce drifts, minimize mistakes, maintain context, and improve the quality of AI-generated prototypes. Brought to you by Design Patterns For AI Interfaces , **friendly video course on UX** and design patterns by Vitaly.

More: How To Make Your Design System AI-Ready. Practical guide on how to reduce drifts, minimize mistakes, maintain context, and improve the quality of AI-generated prototypes. Brought to you by Design Patterns For AI Interfaces , **friendly video course on UX** and design patterns by Vitaly.
TL;DR: Brought to you by Design Patterns For AI Interfaces , **friendly video course on UX** and design patterns by Vitaly.
Read original at Smashingmagazine
Further reading: MDN Web DocsCSS-TricksWeb.dev by GoogleWikipedia

Lloyds, Halifax and Bank of Scotland app users report outage

Thousands of Lloyds Banking Group customers reported problems with online banking access on Wednesday morning.

More: Lloyds, Halifax and Bank of Scotland app users report outage. Thousands of Lloyds Banking Group customers reported problems with online banking access on Wednesday morning.
TL;DR: Thousands of Lloyds Banking Group customers reported problems with online banking access on Wednesday morning.
Read original at Bbc
Further reading: Stack Overflowweb.devWeb.dev by GoogleWikipedia

You're probably on your phone right now - and there's a good chance you don't <em>really</em> know why

If you've ever winced at your daily phone screen time, you might want to look away now.

More: You're probably on your phone right now - and there's a good chance you don't <em>really</em> know why. If you've ever winced at your daily phone screen time, you might want to look away now.
TL;DR: If you've ever winced at your daily phone screen time, you might want to look away now.
Read original at News
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

Do you find yourself aimlessly scrolling? You're not alone

Home News US & Canada UK UK Politics England N. Ireland N. Ireland Politics Scotland Scotland Politics Wales Wales Politics Africa Asia China India Australia Europe Latin America Middle East In Pictu…

More: Home News US & Canada UK UK Politics England N. Ireland Politics Scotland Scotland Politics Wales Wales Politics Africa Asia China India Australia Europe Latin America Middle East In Pictures BBC InDepth BBC Verify Football 2026 Business World of Business Technology of Business NYSE Opening Bell Technology Artificial Intelligence Intelligence Revolution AI v the Mind Tech Now…
TL;DR: A Virgin Media O2 report suggests an average of 36% of time spent on phones is without a clear purpose.
Read original at Bbc
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

The advertising cartel coming to your web browser

When Meta, Google and Apple agree on a “privacy” feature, watch out. The three companies (along with Mozilla, which is on one of their “ad features in the browser” kicks again) are drawing up a built…

More: The advertising cartel coming to your web browser. The three companies (along with Mozilla, which is on one of their “ad features in the browser” kicks again) are drawing up a built-in advertising measurement system, called Attribution Level 1 , as a standard feature of web browsers.
TL;DR: The Big Tech companies want a two-track system, where other companies’ ad features are required to do all the privacy regulation hassles, but the browser’s own built-in tracking feature is something that people have to find the right setting for and turn off.
Read original at Blog
Further reading: MDN Web DocsCSS-TricksWeb.dev by GoogleWikipedia

'Missed opportunity' as government rejects call for mass prostate cancer screening

The health secretary has decided only a few thousand men at high risk of getting prostate cancer will be offered targeted screening for the disease.

TL;DR: The health secretary has decided only a few thousand men at high risk of getting prostate cancer will be offered targeted screening for the disease.
Read original at News
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

::search-text

The CSS ::search-text  pseudo-element selects the matching text from your browser's "find in page" feature. ::search-text originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: The CSS ::search-text  pseudo-element selects the matching text from your browser's "find in page" feature. ::search-text originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

CSS-Native Parallax Effect

Parallax effects have a long history, and while there are countless ways and libraries to achieve them, a new CSS-native way was recently made possible with CSS Scroll-driven animation timelines .

More: CSS-Native Parallax Effect. Parallax effects have a long history, and while there are countless ways and libraries to achieve them, a new CSS-native way was recently made possible with CSS Scroll-driven animation timelines .
TL;DR: Scroll-driven animations handle all of that with CSS.
Read original at Dan-webnotes
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

Google Workspace CLI: Unified Command-Line Tool Built for Humans and AI Agents

Google has released a new CLI for Google Workspace, offering a unified interface for various services like Drive, Gmail, and Calendar. Built in Rust, the tool dynamically adjusts to API changes and features over 100 bundled skills. It requires Node.js and a Google Cloud project for setup. Initial community feedback is mixed, highlighting both its dynamic capabilities and setup challenges. By Daniel Curtis

More: Google Workspace CLI: Unified Command-Line Tool Built for Humans and AI Agents. Built in Rust, the tool dynamically adjusts to API changes and features over 100 bundled skills. It requires Node.js and a Google Cloud project for setup.
TL;DR: Google has released a new CLI for Google Workspace, offering a unified interface for various services like Drive, Gmail, and Calendar.
Read original at Infoq
Further reading: MDN Web DocsCSS-TricksWeb.dev by GoogleWikipedia

Java News Roundup: OpenJDK JEPs, Hazelcast, Quarkus, Hibernate, Koog, JHipster, Introducing Endive

This week's Java roundup for May 25th, 2026, features news highlighting: lifecycle changes with two of the JEPs that were targeted for JDK 27; the GA release of Koog 1.0; point releases of Hazelcast, Quarkus, Hibernate and JHipster; the eighth milestone release of Spring AI 2.0; and introducing Endive, a JVM-native WebAssembly (Wasm) runtime. By Michael Redlich

TL;DR: This week's Java roundup for May 25th, 2026, features news highlighting: lifecycle changes with two of the JEPs that were targeted for JDK 27; the GA release of Koog 1.0; point releases of Hazelcast, Quarkus, Hibernate and JHipster; the eighth milestone release of Spring AI 2.0; and introducing Endive, a JVM-native WebAssembly (Wasm) runtime.
Read original at Infoq
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

BadHost Vulnerability Exposes AI Agents, Evaluators, and LLM Gateways

BadHost is a high-severity authentication bypass vulnerability in the widely used Python web framework Starlette, with 325 million weekly downloads. The flaw allows attackers to use malformed HTTP Host headers to bypass path-based access controls and access sensitive AI agent infrastructure, among other systems. By Sergio De Simone

More: BadHost Vulnerability Exposes AI Agents, Evaluators, and LLM Gateways. The flaw allows attackers to use malformed HTTP Host headers to bypass path-based access controls and access sensitive AI agent infrastructure, among other systems. By Sergio De Simone
TL;DR: BadHost is a high-severity authentication bypass vulnerability in the widely used Python web framework Starlette, with 325 million weekly downloads.
Read original at Infoq
Further reading: Stack Overflowweb.devWeb.dev by GoogleWikipedia

Show HN: A CSS 3D Engine (no WebGL)

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window.

More: Show HN: A CSS 3D Engine (no WebGL). A 3D engine for the DOM. Renders OBJ/MTL, GLB and VOX as real HTML elements transformed with CSS matrix3d(...) .
TL;DR: Reload to refresh your session.
Read original at Github
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

Astro Markdown Component Utility for Any Framework

In the previous article, I spoke about the why and how to use a Markdown component in Astro . Here, we’re going to expand on that and help you use Markdown everywhere — regardless of the framework you use. So, … Astro Markdown Component Utility for Any Framework originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: Astro Markdown Component Utility for Any Framework. In the previous article, I spoke about the why and how to use a Markdown component in Astro . So, … Astro Markdown Component Utility for Any Framework originally handwritten and published with love on CSS-Tricks .
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsCSS-TricksWeb.dev by GoogleWikipedia

Article: The AI Productivity Paradox in Test Automation: Moving Beyond Structural Validation to Perception and Intent

The AI productivity paradox states that AI scales whatever abstraction it is built on. If that abstraction is structurally brittle, it scales structural brittleness. This article shows how, to build a future of reliable, AI-driven test automation, we must stop scaling DOM-centric abstractions and build a new testing paradigm grounded in perception and intent. By Amanul Chowdhury, Vinay Gummadavelli

More: Article: The AI Productivity Paradox in Test Automation: Moving Beyond Structural Validation to Perception and Intent. If that abstraction is structurally brittle, it scales structural brittleness.
TL;DR: The AI productivity paradox states that AI scales whatever abstraction it is built on.
Read original at Infoq
Further reading: web.devStack OverflowMDN Web DocsWikipedia

A Trailing Slash Bypassed AWS API Gateway Authorization

A security researcher found that adding a trailing slash to AWS HTTP API paths bypassed Lambda authorizer authentication entirely, enabling unauthenticated wire transfers at a fintech. The root cause is a path normalization mismatch between HTTP API's greedy route matching and its authorization layer. The same vulnerability class appeared in gRPC-Go via CVE-2026-33186. By Steef-Jan Wiggers

More: A Trailing Slash Bypassed AWS API Gateway Authorization. The root cause is a path normalization mismatch between HTTP API's greedy route matching and its authorization layer. The same vulnerability class appeared in gRPC-Go via CVE-2026-33186.
TL;DR: A security researcher found that adding a trailing slash to AWS HTTP API paths bypassed Lambda authorizer authentication entirely, enabling unauthenticated wire transfers at a fintech.
Read original at Infoq
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

DuckDB Quack: Client/Server Protocol over HTTP for Multi-User Analytics

DuckDB has recently announced Quack, a new remote protocol over HTTP that lets multiple DuckDB instances connect to and work with the same database over a network. The protocol introduces client-server capabilities to a database that was previously mostly local and embedded. By Renato Losio

More: DuckDB Quack: Client/Server Protocol over HTTP for Multi-User Analytics. DuckDB has recently announced Quack, a new remote protocol over HTTP that lets multiple DuckDB instances connect to and work with the same database over a network. The protocol introduces client-server capabilities to a database that was previously mostly local and embedded.
TL;DR: DuckDB has recently announced Quack, a new remote protocol over HTTP that lets multiple DuckDB instances connect to and work with the same database over a network.
Read original at Infoq
Further reading: Stack Overflowweb.devWeb.dev by GoogleWikipedia

June Is For Exploring (2026 Wallpapers Edition)

Let’s kick off June — and the beginning of summer — with some fresh inspiration! Artists and designers from across the globe once again tickled their creativity to welcome the new month with a new collection of desktop wallpapers. Enjoy!

More: June Is For Exploring (2026 Wallpapers Edition). Let’s kick off June — and the beginning of summer — with some fresh inspiration! Artists and designers from across the globe once again tickled their creativity to welcome the new month with a new collection of desktop wallpapers.
TL;DR: Artists and designers from across the globe once again tickled their creativity to welcome the new month with a new collection of desktop wallpapers.
Read original at Smashingmagazine
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

An OS in pure Rust with its own TCP/IP and TLS 1.3 stack, fetching the live web

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window.

More: Reload to refresh your session. Reload to refresh your session. Dismiss alert {{ message }} rfi-irfos / rusty-penguin Public Notifications You must be signed in to change notification settings Fork 0 Star 2   master Branches Tags Go to file Code Open more actions menu Folders and files Name Name Last commit message Last commit date Latest commit   History 281 Commits 281 Commi…
TL;DR: Reload to refresh your session.
Read original at Github
Further reading: Stack OverflowCSS-TricksMDN Web DocsWikipedia

Arm Open-Sources Metis, an AI Security Framework Outperforming Traditional SAST Tools

Arm has open-sourced Metis, an agentic AI security framework designed to autonomously uncover complex software vulnerabilities. Unlike traditional pattern-based tools, Metis applies semantic reasoning to analyze cross-component dependencies and provides clear, natural language explanations for its findings. By Sergio De Simone

More: Arm has open-sourced Metis, an agentic AI security framework designed to autonomously uncover complex software vulnerabilities. Unlike traditional pattern-based tools, Metis applies semantic reasoning to analyze cross-component dependencies and provides clear, natural language explanations for its findings. By Sergio De Simone
TL;DR: Arm has open-sourced Metis, an agentic AI security framework designed to autonomously uncover complex software vulnerabilities.
Read original at Infoq
Further reading: Stack OverflowCSS-TricksMDN Web DocsWikipedia

Google Cloud Suspends Railway's Production Account, Causing Eight-Hour Platform-Wide Outage

Google Cloud's automated systems suspended Railway's production account without notice, triggering an eight-hour platform-wide outage affecting 3 million users. The cascade took down workloads across all providers including AWS and bare metal because Railway's control plane was hosted on GCP. Railway is demoting GCP to backup-only status. By Steef-Jan Wiggers

More: Google Cloud's automated systems suspended Railway's production account without notice, triggering an eight-hour platform-wide outage affecting 3 million users. The cascade took down workloads across all providers including AWS and bare metal because Railway's control plane was hosted on GCP. Railway is demoting GCP to backup-only status.
TL;DR: Google Cloud's automated systems suspended Railway's production account without notice, triggering an eight-hour platform-wide outage affecting 3 million users.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Macsurf, "modern" web browser for macOS 9

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window.

More: Reload to refresh your session. Reload to refresh your session. Reload to refresh your session.
TL;DR: Dismiss alert {{ message }} mplsllc / macsurf Public Notifications You must be signed in to change notification settings Fork 4 Star 79   master Branches Tags Go to file Code Open more actions menu Folders and files Name Name Last commit message Last commit date Latest commit   History 830 Commits 830 Commits .github/ ISSUE_TEMPLATE .github/ ISSUE_TEMPLATE     .vscode .vscode     browser browser     builds builds     docs docs     forclaude forclaude     img img     macLink macLink     proxy proxy     screenshots screenshots     scripts scripts     tests tests     tools tools     .gitignore .gitignore     Access Paths.xml Access Paths.xml     CLAUDE.md CLAUDE.md     CODE_OF_CONDUCT.md CODE_OF_CONDUCT.md     CONTRIBUTING.md CONTRIBUTING.md     CSS_IMPLEMENTATION_PLAN.md CSS_IMPLEMENTATION_PLAN.md     CSS_SUPPORT_MATRIX.md CSS_SUPPORT_MATRIX.md     GEMINI.md GEMINI.md     LICENSE LICENSE     MacSurf.sit MacSurf.sit     README.md README.md     SAFETY_REPORT.md SAFETY_REPORT.md     SECURITY.md SECURITY.md     mactrovesource.txt mactrovesource.txt     puffpuff.png puffpuff.png     View all files Repository files navigation
Read original at Github
Further reading: MDN Web Docsweb.devWeb.dev by GoogleWikipedia

Perry Compiles TypeScript directly to executables using SWC and LLVM

Perry compiles TypeScript to native GUI and CLI apps on macOS, iPadOS, iOS, Android, Linux, Windows, watchOS, tvOS, WebAssembly, and the Web. No runtime. No Electron. Just native binaries.

More: Perry Compiles TypeScript directly to executables using SWC and LLVM. Everything you need to compile TypeScript to native applications No Runtime Required Produces standalone native executables. No Node.js, no V8, no runtime dependencies.
TL;DR: No Node.js, no V8, no runtime dependencies.
Read original at Perryts
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More

The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more. What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More. What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Wterm – Terminal Emulator for the Web

wterm ("dub-term") renders to the DOM — native text selection, copy/paste, find, and accessibility come for free. The core is written in Zig and compiled to WASM for near-native performance.

More: wterm ("dub-term") renders to the DOM — native text selection, copy/paste, find, and accessibility come for free. The core is written in Zig and compiled to WASM for near-native performance.
TL;DR: wterm ("dub-term") renders to the DOM — native text selection, copy/paste, find, and accessibility come for free.
Read original at Wterm
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

GitHub Slashes Agent Workflow Token Spend up to 62% with Daily Audits and MCP Pruning

GitHub reports cutting token costs in agentic CI workflows by up to 62% by pruning unused MCP tools, swapping some MCP calls for gh CLI, and running daily “auditor” and “optimizer” agents. A token-usage.jsonl artefact and an Effective Tokens metric help track spend across models and spot regressions. By Mark Silvester

More: GitHub reports cutting token costs in agentic CI workflows by up to 62% by pruning unused MCP tools, swapping some MCP calls for gh CLI, and running daily “auditor” and “optimizer” agents. A token-usage.jsonl artefact and an Effective Tokens metric help track spend across models and spot regressions. By Mark Silvester
TL;DR: GitHub reports cutting token costs in agentic CI workflows by up to 62% by pruning unused MCP tools, swapping some MCP calls for gh CLI, and running daily “auditor” and “optimizer” agents.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

New to the web platform in May

Discover some of the interesting features that have landed in stable and beta web browsers during May 2026.

TL;DR: Discover some of the interesting features that have landed in stable and beta web browsers during May 2026.
Read original at Web
Further reading: MDN Web DocsCSS-TricksWeb.dev by GoogleWikipedia

Algorithmic Theming Engines: Building Self-Correcting Color Systems With `contrast-color()`

Seventy percent of websites still fail basic WCAG contrast checks in 2025. After years of design system tooling, accessibility linters, and JavaScript libraries, nothing moved the needle. We didn’t need better libraries. We needed better CSS. `contrast-color()` is that better CSS.

More: Algorithmic Theming Engines: Building Self-Correcting Color Systems With `contrast-color()`. We needed better CSS. `contrast-color()` is that better CSS.
TL;DR: `contrast-color()` is that better CSS.
Read original at Smashingmagazine
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Microsoft Announces Azure Linux 4.0, Its First General-Purpose Server Linux Distribution

Microsoft announced Azure Linux 4.0 and Azure Container Linux at Open Source Summit. Azure Linux 4.0 is a Fedora-based general-purpose server distribution for Azure VMs, the first time Microsoft has offered a supported Linux beyond container hosting. Azure Container Linux is an immutable container-optimized host built on Flatcar. By Steef-Jan Wiggers

More: Microsoft Announces Azure Linux 4.0, Its First General-Purpose Server Linux Distribution. Microsoft announced Azure Linux 4.0 and Azure Container Linux at Open Source Summit. Azure Linux 4.0 is a Fedora-based general-purpose server distribution for Azure VMs, the first time Microsoft has offered a supported Linux beyond container hosting.
TL;DR: Microsoft announced Azure Linux 4.0 and Azure Container Linux at Open Source Summit.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Article: Stragglers, Not Failures: How Adaptive Hedged Requests Reduce p99 Latency by 74 Percent

n fan-out microservice architectures, slow-but-completing requests accumulate across services and drive p99 latency far higher than per-service metrics suggest. This article presents an adaptive hedging mechanism that uses DDSketch for real-time quantile estimation, windowed rotation to handle distribution drift, and a token-bucket budget to prevent load amplification. By Prathamesh Bhope

More: n fan-out microservice architectures, slow-but-completing requests accumulate across services and drive p99 latency far higher than per-service metrics suggest. This article presents an adaptive hedging mechanism that uses DDSketch for real-time quantile estimation, windowed rotation to handle distribution drift, and a token-bucket budget to prevent load amplification.
TL;DR: n fan-out microservice architectures, slow-but-completing requests accumulate across services and drive p99 latency far higher than per-service metrics suggest.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Cloudflare Adds Support for Claude Managed Agents

Cloudflare recently added support for Claude Managed Agents, allowing developers to run and manage Claude agents within Cloudflare. Developers can connect agents to private systems, choose their runtime environment, and monitor agent activity using Cloudflare services. By Renato Losio

More: Cloudflare Adds Support for Claude Managed Agents. Cloudflare recently added support for Claude Managed Agents, allowing developers to run and manage Claude agents within Cloudflare. Developers can connect agents to private systems, choose their runtime environment, and monitor agent activity using Cloudflare services.
TL;DR: Cloudflare recently added support for Claude Managed Agents, allowing developers to run and manage Claude agents within Cloudflare.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

How LinkedIn Identified a Kernel Lock Contention Issue Causing Recurring System Freezes

When LinkedIn engineers encountered short-lived, recurring outages where the database powering their user feed became unavailable and then recovered without leaving helpful traces, they had to devise a novel approach to uncover the root cause using off-CPU profiling with eBPF. By Sergio De Simone

More: A monthly overview of things you need to know as an architect or aspiring architect. A first clue emerged by correlating the incidents with the system memory behavior, which showed that each event coincided with a momentary spike in memory allocation, quickly resolved with the system stabilizing at a higher baseline.
TL;DR: When LinkedIn engineers encountered short-lived, recurring outages where the database powering their user feed became unavailable and then recovered without leaving helpful traces, they had to devise a novel approach to uncover the root cause using off-CPU profiling with eBPF.
Read original at Infoq
Further reading: Stack Overflowweb.devWeb.dev by GoogleWikipedia

Revealing Text With CSS letter-spacing

Until we get something like ::nth-letter , there are still some really cool text effects we can make from existing CSS features, like letter-spacing , ::first-word and ::first-line . Revealing Text With CSS letter-spacing originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: Until we get something like ::nth-letter , there are still some really cool text effects we can make from existing CSS features, like letter-spacing , ::first-word and ::first-line . Revealing Text With CSS letter-spacing originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: Until we get something like ::nth-letter , there are still some really cool text effects we can make from existing CSS features, like letter-spacing , ::first-word and ::first-line .
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Azure Logic Apps Adds Sandboxed Code Interpreters to Agent Workflows

Microsoft added sandboxed code interpreters to Azure Logic Apps, enabling agents within integration workflows to generate and execute Python, JavaScript, C#, and PowerShell in Hyper-V isolated sessions. Architects get full control over model selection per workflow. The capability positions Logic Apps as an agent platform for integration alongside Foundry and Copilot Studio. By Steef-Jan Wiggers

More: Microsoft added sandboxed code interpreters to Azure Logic Apps, enabling agents within integration workflows to generate and execute Python, JavaScript, C#, and PowerShell in Hyper-V isolated sessions. Architects get full control over model selection per workflow. The capability positions Logic Apps as an agent platform for integration alongside Foundry and Copilot Studio.
TL;DR: Microsoft added sandboxed code interpreters to Azure Logic Apps, enabling agents within integration workflows to generate and execute Python, JavaScript, C#, and PowerShell in Hyper-V isolated sessions.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

April 2026 Baseline monthly digest

/ English Deutsch Español – América Latina Français Indonesia Italiano Polski Português – Brasil Tiếng Việt Türkçe Русский עברית العربيّة فارسی हिंदी বাংলা ภาษาไทย 中文 – 简体 中文 – 繁體 日本語 한국어 Sign in B…

More: Building for the web means building an experience that everyone can use, and a recent piece from A11y Up makes the case that accounting for accessibility needs is more effective when developers rely on web standards. The article highlights that as web platform features achieve cross-browser interoperability, they make developing with accessibility in mind a more effective task.
TL;DR: Read about various happenings with Baseline during April 2026.
Read original at Web
Further reading: Stack Overflowweb.devWeb.dev by GoogleWikipedia

Pullfrog AI: Open-Source CodeRabbit Alternative Powered by GitHub Actions

Pullfrog is an open-source AI-powered GitHub bot by Colin McDonnell, designed for automation in GitHub Actions. It supports a model-agnostic approach, allowing integration with various LLM providers. Key features include orchestration for pull request reviews, issue triage, and CI remediation, all managed within GitHub's environment. The tool operates with a bring-your-own-key model for access. By Daniel Curtis

More: Pullfrog AI: Open-Source CodeRabbit Alternative Powered by GitHub Actions. Pullfrog is an open-source AI-powered GitHub bot by Colin McDonnell, designed for automation in GitHub Actions. It supports a model-agnostic approach, allowing integration with various LLM providers.
TL;DR: Pullfrog is an open-source AI-powered GitHub bot by Colin McDonnell, designed for automation in GitHub Actions.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Technical Writing in the AI Age

This isn’t totally about AI. It’s about technical writing in the age of AI. I have some thoughts on this and I hope it’s helpful to you humans reading. Technical Writing in the AI Age originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: Technical Writing in the AI Age. Technical Writing in the AI Age originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

InfoQ Online Certification Program: New AI Engineering and Organizational Architecture Cohorts

InfoQ expands its online certification portfolio with new AI Engineering and Organizational Architecture cohorts, giving senior practitioners a confidential peer group to pressure-test production AI, platform, team design, and architecture decisions. By Artenisa Chatziou

More: A monthly overview of things you need to know as an architect or aspiring architect. Online InfoQ Architect Certification (June 10): This is where senior engineers pressure-test real architecture decisions.
TL;DR: InfoQ expands its online certification portfolio with new AI Engineering and Organizational Architecture cohorts, giving senior practitioners a confidential peer group to pressure-test production AI, platform, team design, and architecture decisions.
Read original at Infoq
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

Article: Architecting Cloud-Native Kafka: From Tiered Storage Towards a Diskless Future

This article explores Kafka's transition toward a cloud-native architecture, examining how tiered storage, FinOps telemetry, elastic consumer scaling, virtual clusters, and Share Groups reshape the operational and economic model of event streaming platforms. It also analyzes emerging diskless-storage proposals and their architectural trade-offs. By Viquar Khan

More: This article explores Kafka's transition toward a cloud-native architecture, examining how tiered storage, FinOps telemetry, elastic consumer scaling, virtual clusters, and Share Groups reshape the operational and economic model of event streaming platforms. It also analyzes emerging diskless-storage proposals and their architectural trade-offs. By Viquar Khan
TL;DR: This article explores Kafka's transition toward a cloud-native architecture, examining how tiered storage, FinOps telemetry, elastic consumer scaling, virtual clusters, and Share Groups reshape the operational and economic model of event streaming platforms.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Google Expands SynthID Adoption for AI Watermarking, Previews Content Detection API

Google's SynthID, designed to embed imperceptible signals into AI-generated content, is adding a new Content Detection API on Google Cloud's Gemini Enterprise Agent Platform, after gaining adoption by several industry players including Nvidia and OpenAI. By Sergio De Simone

More: A monthly overview of things you need to know as an architect or aspiring architect. Live Webinar and Q&A: Architecting for Autonomous Reliability: Embedding AI into Your Observability Stack (Jun 25, 2026) Save Your Seat InfoQ Homepage News Google Expands SynthID Adoption for AI Watermarking, Previews Content Detection API Listen to this article - 0:00 Audio ready to play You…
TL;DR: Google's SynthID, designed to embed imperceptible signals into AI-generated content, is adding a new Content Detection API on Google Cloud's Gemini Enterprise Agent Platform, after gaining adoption by several industry players including Nvidia and OpenAI.
Read original at Infoq
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

TamboUI Promises to Bring Better Capabilities to Build TUIs in Java

The call to action “to make 2026 the year of Java in the terminal” was quickly responded to by the launch of TamboUI. Inspired by Ratatui, the library used in Claude CLI, it promises support ranging from low-level terminal drawing to high-level APIs such as components and event handling. Currently at version 0.3.0, it has already been adopted by major projects such as Maven and Spring. By Olimpiu Pop

More: TamboUI Promises to Bring Better Capabilities to Build TUIs in Java. The call to action “to make 2026 the year of Java in the terminal” was quickly responded to by the launch of TamboUI. Inspired by Ratatui, the library used in Claude CLI, it promises support ranging from low-level terminal drawing to high-level APIs such as components and event handling.
TL;DR: The call to action “to make 2026 the year of Java in the terminal” was quickly responded to by the launch of TamboUI.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Java News Roundup: WildFly, Micronaut, Spring AI, Apache Fory, GlassFish Plugin, Open Liberty

This week's Java roundup for May 18th, 2026, features news highlighting: GA releases of WildFly 40, Micronaut 5.0, Maven Embedded GlassFish Plugin 8.0 and Apache Fory 1.0; the May 2026 edition of Open Liberty; point releases of Gatherers4j, Apache and Kafka; and the seventh milestone release of Spring AI 2.0. By Michael Redlich

More: A monthly overview of things you need to know as an architect or aspiring architect. It was a busy week in the OpenJDK ecosystem during the week of May 18th, 2026 highlighting three JEPs elevated from Proposed to Target to Targeted and three JEPs elevated from Candidate to Proposed to Target for JDK 26. Further details may be found in this InfoQ news story .
TL;DR: This week's Java roundup for May 18th, 2026, features news highlighting: GA releases of WildFly 40, Micronaut 5.0, Maven Embedded GlassFish Plugin 8.0 and Apache Fory 1.0; the May 2026 edition of Open Liberty; point releases of Gatherers4j, Apache and Kafka; and the seventh milestone release of Spring AI 2.0.
Read original at Infoq
Further reading: CSS-TricksStack OverflowWeb.dev by GoogleWikipedia

Cross-Document View Transitions: Scaling Across Hundreds of Elements

Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an unmanageable wall of selectors. Cross-Document View Transitions: Scaling Across Hundreds of Elements originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: Cross-Document View Transitions: Scaling Across Hundreds of Elements. Cross-Document View Transitions: Scaling Across Hundreds of Elements originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Article: The Schema Proliferation Problem in Kafka and Flink Pipelines: How to Solve It

Schema proliferation builds slowly and gets expensive fast. One schema per event type feels right until there are ten tables, union queries spanning all of them, and a single field rename touching every schema. Discriminator-based schema consolidation collapses that to two tables, turning multi-table unions into a single query, while new variants are additive and don't break existing consumers. By Spoorthi Basu

More: Article: The Schema Proliferation Problem in Kafka and Flink Pipelines: How to Solve It. Schema proliferation builds slowly and gets expensive fast. One schema per event type feels right until there are ten tables, union queries spanning all of them, and a single field rename touching every schema.
TL;DR: One schema per event type feels right until there are ten tables, union queries spanning all of them, and a single field rename touching every schema.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Your Prototype Is Not Being Honest With Your Users (And Here’s How To Fix It)

There’s a moment in almost every usability session where a participant pauses at the login screen, types something, and glances up: checking whether they’re “doing it right.” That pause is a clear sign. They’ve already clocked that this isn’t a real app, and every data point collected after that moment is filtered through that awareness.

More: There’s a moment in almost every usability session where a participant pauses at the login screen, types something, and glances up: checking whether they’re “doing it right.” That pause is a clear sign. They’ve already clocked that this isn’t a real app, and every data point collected after that moment is filtered through that awareness.
TL;DR: There’s a moment in almost every usability session where a participant pauses at the login screen, types something, and glances up: checking whether they’re “doing it right.” That pause is a clear sign.
Read original at Smashingmagazine
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Podcast: Chasing Efficient Java Development: From 1BRC to Developing Hardwood AI Natively

Gunnar Morling, technologist at Confluent and Java Champion, shares his experiences with building high-performance applications in Java, especially in the data space. He shares insights from experiments with building durable execution engines, bootstrapping, and AI natively developing Apache Hardwood - a minimal dependencies Java parser for Apache Parquet. By Gunnar Morling

More: Gunnar Morling, technologist at Confluent and Java Champion, shares his experiences with building high-performance applications in Java, especially in the data space. He shares insights from experiments with building durable execution engines, bootstrapping, and AI natively developing Apache Hardwood - a minimal dependencies Java parser for Apache Parquet. By Gunnar Morling
TL;DR: Gunnar Morling, technologist at Confluent and Java Champion, shares his experiences with building high-performance applications in Java, especially in the data space.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Gemma 4 Multi-Token Prediction Delivers up to ~3x Faster Token Generation

Gemma 4 can be paired with multi-token prediction (MTP) drafters that use speculative decoding to generate multiple tokens in parallel, allowing the model to verify them in a single pass and achieve up to ~3× faster inference without quality loss. By Sergio De Simone

More: A monthly overview of things you need to know as an architect or aspiring architect. QCon San Francisco (Nov 16-20): What's next in AI? Register Now InfoQ Homepage News Gemma 4 Multi-Token Prediction Delivers up to ~3x Faster Token Generation Listen to this article - 0:00 Audio ready to play Your browser does not support the audio element.
TL;DR: Gemma 4 can be paired with multi-token prediction (MTP) drafters that use speculative decoding to generate multiple tokens in parallel, allowing the model to verify them in a single pass and achieve up to ~3× faster inference without quality loss.
Read original at Infoq
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

NodeJS Proposes Built-In Virtual File System, Sparking Debate over AI-Generated Contributions

Matteo Collina has proposed a Virtual File System (VFS) for Node.js core through the node:vfs module. The proposal includes about 19,000 lines of code and addresses common workflow challenges. While it has community support, concerns have arisen regarding the use of AI in its development, prompting debates about its implications for code verification and necessity in the Node.js ecosystem. By Daniel Curtis

More: NodeJS Proposes Built-In Virtual File System, Sparking Debate over AI-Generated Contributions. Matteo Collina has proposed a Virtual File System (VFS) for Node.js core through the node:vfs module.
TL;DR: Matteo Collina has proposed a Virtual File System (VFS) for Node.js core through the node:vfs module.
Read original at Infoq
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

CSS Container Queries Now Supported in All Major Browsers

In the previous article, I spoke about the why and how to use a Markdown component in Astro. Here, we’re […] The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-betw…

More: Here, we’re […] The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more. Until we get something like ::nth-letter , there are still some really cool text effects we can make from existing CSS features, like letter-spacing , ::first-word and ::first-line .
TL;DR: Container queries reached complete cross-browser support, enabling true component-level responsive design.
Read original at CSS Tricks
Further reading: CSS-TricksMDN Web DocsWeb.dev by GoogleWikipedia

The State of CSS Centering in 2026

Despite the countless number of online resources, it’s easy to get confused when trying to center an element. There are documented solutions, but do you really understand why the code you picked works? Let's look at the current state of centering options today in 2026. The State of CSS Centering in 2026 originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: The State of CSS Centering in 2026. The State of CSS Centering in 2026 originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Four Levels Of Customer Understanding

What people say, feel, think, and do are often very different things. To understand the underlying reasons for user behavior, it helps to look beyond the surface and explore hidden motivations, root causes, and the different layers of reality that shape how people act. Brought to you by Measuring UX Impact , **friendly video course on UX** and design patterns by Vitaly.

More: Four Levels Of Customer Understanding. To understand the underlying reasons for user behavior, it helps to look beyond the surface and explore hidden motivations, root causes, and the different layers of reality that shape how people act. Brought to you by Measuring UX Impact , **friendly video course on UX** and design patterns by Vitaly.
TL;DR: What people say, feel, think, and do are often very different things.
Read original at Smashingmagazine
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Advanced Tree Counting: Mathematical Layouts With `sibling-index()` And `sibling-count()`

Meet `sibling-index()` and `sibling-count()`. Staggered cascade effect in one line of CSS without `:nth-child()` rules or JS workarounds. Works for 5 items or 5,000.

More: Advanced Tree Counting: Mathematical Layouts With `sibling-index()` And `sibling-count()`. Meet `sibling-index()` and `sibling-count()`. Staggered cascade effect in one line of CSS without `:nth-child()` rules or JS workarounds.
TL;DR: Staggered cascade effect in one line of CSS without `:nth-child()` rules or JS workarounds.
Read original at Smashingmagazine
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Stack Overflow: When We Stop Asking

It still hits like a ton of bricks to see the steep decline in Stack Overflow questions. What does that mean about learning in our industry? Stack Overflow: When We Stop Asking originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: Stack Overflow: When We Stop Asking. Stack Overflow: When We Stop Asking originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Cross-Document View Transitions: The Gotchas Nobody Mentions

Not a lazy Saturday either, but one of those rare, carved-out, “I’m finally going to build that thing” Saturdays. I’d seen Jake Archibald’s demos . I’d watched the Chrome Dev Summit talk.

More: Cross-Document View Transitions: The Gotchas Nobody Mentions. I knew cross-document view transitions were real, that you could get those slick native-feeling page transitions on plain old multi-page sites without a single framework. Those older blog posts still rank well.
TL;DR: Those older blog posts still rank well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Astro 5.0 Ships With Island Architecture for Faster Sites

Available now! The web framework for content-driven websites Astro powers the world's fastest marketing sites, blogs, e-commerce websites, and more. What is Astro?

More: The web framework for content-driven websites Astro powers the world's fastest marketing sites, blogs, e-commerce websites, and more. Astro is a JavaScript web framework optimized for building fast, content-driven websites. Extend Astro with integrations.
TL;DR: Astro 5.0 introduces server islands — isolated interactive components on otherwise static pages — reducing JS by 80%.
Read original at Astro Blog
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More

If 3D voxel scenes (that you can style), flying focus animations, or new CSS syntaxes sound like your kinda thing, then this issue of What’s !important is definitely for you. What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More. What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Ten Data-Backed Truths Of User Experience ROI

Every extra second of friction has a measurable business cost. Carrie Webster shares ten data-backed UX facts that link user experience directly to revenue, retention, and long-term growth.

More: Ten Data-Backed Truths Of User Experience ROI. Every extra second of friction has a measurable business cost. Carrie Webster shares ten data-backed UX facts that link user experience directly to revenue, retention, and long-term growth.
TL;DR: Carrie Webster shares ten data-backed UX facts that link user experience directly to revenue, retention, and long-term growth.
Read original at Smashingmagazine
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Computing and Displaying Discounted Prices in CSS

A clever use of CSS to calculate and display a discounted product price by providing a base price and discount amount, featuring modern CSS features like attr() , mod() , and round() . Computing and Displaying Discounted Prices in CSS originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: Computing and Displaying Discounted Prices in CSS. Computing and Displaying Discounted Prices in CSS originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Practical Interface Patterns For AI Transparency (Part 2)

Why traditional loading patterns like spinners fail in agentic AI experiences, and how interface patterns that reveal the system’s process, status, and decision-making can improve transparency and build user trust.

More: Victor Yocco, PhD, is a UX Researcher at ServiceNow and the author of Design for the Mind (Manning, 2016) and the forthcoming Designing Agentic AI Experiences … More about Victor ↬ Building Modern HTML Emails with Rémi Parmentier Designing Complex UIs in the Age of AI with Vitaly Friedman Celebrating 10 million developers SmashingConf Freiburg 2026 Accessibility for Designers…
TL;DR: Why traditional loading patterns like spinners fail in agentic AI experiences, and how interface patterns that reveal the system’s process, status, and decision-making can improve transparency and build user trust.
Read original at Smashingmagazine
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

Soon We Can Finally Banish JavaScript to the ShadowRealm

The proposed ShadowRealm API introduces a new kind of realm specifically designed for isolation, and only that. Soon We Can Finally Banish JavaScript to the ShadowRealm originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: Soon We Can Finally Banish JavaScript to the ShadowRealm. Soon We Can Finally Banish JavaScript to the ShadowRealm originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Using CSS corner-shape For Folded Corners

I came across Kitty Giraudel’s folded corners technique. I’ve been on a bit of a corner-shape kick lately, so I figured that corner-shape could be used to create folded corners as well. Using CSS corner-shape For Folded Corners originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: Using CSS corner-shape For Folded Corners. Using CSS corner-shape For Folded Corners originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

A Scrollytelling Gift for Mum on Mother’s Day 2026

I will explain how my mum inspired this 2026 Mother’s Day scrollytelling experiment — but also, how she inspired my approach to dev and life. A Scrollytelling Gift for Mum on Mother’s Day 2026 originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

More: A Scrollytelling Gift for Mum on Mother’s Day 2026. A Scrollytelling Gift for Mum on Mother’s Day 2026 originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.
TL;DR: You should really get the newsletter as well.
Read original at Css-tricks
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

The Architecture Of Local-First Web Development

An honest perspective on building local-first web apps in 2026, written for developers who’ve been doing this long enough to be skeptical of silver bullets.

More: Durgesh Rajubhai Pawar is a freelance developer dedicated to building high-performance, accessible web applications. And I watched our app, this thing I was genuinely proud of, render a blank screen with a spinner. All that infrastructure, and the damn thing can’t show me my own data without a round-trip to a server 3,000 miles away.
TL;DR: An honest perspective on building local-first web apps in 2026, written for developers who’ve been doing this long enough to be skeptical of silver bullets.
Read original at Smashingmagazine
Further reading: CSS-TricksStack OverflowWeb.dev by GoogleWikipedia

Rethinking The Experience Of System Tools

Design always starts with function — function shapes form. But if that function can’t be made completely invisible and people still have to interact with it, it inevitably becomes part of their experience. In this article, Kyrylo Levashov shares four common software design assumptions.

More: Rethinking The Experience Of System Tools. But if that function can’t be made completely invisible and people still have to interact with it, it inevitably becomes part of their experience. In this article, Kyrylo Levashov shares four common software design assumptions.
TL;DR: Design always starts with function — function shapes form.
Read original at Smashingmagazine
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

Svelte 5 Runes Revolutionize Reactivity in Web Frameworks

Skip to main content Tutorial Packages Playground Blog Svelte web development for the rest of us get started attractively thin, graceful and stylish Svelte is a UI framework that uses a compiler to l…

More: Skip to main content Tutorial Packages Playground Blog Svelte web development for the rest of us get started attractively thin, graceful and stylish Svelte is a UI framework that uses a compiler to let you write breathtakingly concise components that do minimal work in the browser, using languages you already know — HTML, CSS and JavaScript.
TL;DR: Svelte 5 introduces runes — explicit reactive declarations that make state management more transparent and performant.
Read original at Svelte Blog
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

WebAssembly Garbage Collection Hits Stable

WasmGC allows garbage-collected languages like Kotlin, Dart, and Java to compile to WebAssembly with full runtime support.

More: Support for Web Serial in Firefox 151 for Desktop Firefox can now connect directly to microcontrollers, development boards, 3D printers, power meters, and other serial-connected hardware from the web. Starting in Firefox 151 for Desktop, support for the Web Serial API allows web applications to communicate with compatible devices without requiring native software.
TL;DR: WasmGC allows garbage-collected languages like Kotlin, Dart, and Java to compile to WebAssembly with full runtime support.
Read original at Mozilla Hacks
Further reading: Stack Overflowweb.devMDN Web DocsWikipedia

Designing Stable Interfaces For Streaming Content

Streaming UIs are an easy concept on the surface, but are quite complicated in practice. There are many considerations that need to be accounted for, from layout shifts and motion preferences to proper markup and various states, that may not be instantly obvious. What happens if the stream is interrupted? Can users tab through the UI on the keyboard as it shifts? What ARIA attributes might be needed?

More: Designing Stable Interfaces For Streaming Content. Streaming UIs are an easy concept on the surface, but are quite complicated in practice. There are many considerations that need to be accounted for, from layout shifts and motion preferences to proper markup and various states, that may not be instantly obvious.
TL;DR: Streaming UIs are an easy concept on the surface, but are quite complicated in practice.
Read original at Smashingmagazine
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia

React 20 Introduces New Compiler and Better Server Components

React lets you build user interfaces out of individual pieces called components. Create your own React components like Thumbnail , LikeButton , and Video .

More: function Video ( { video } ) { return ( < div > < Thumbnail video = { video } /> < a href = { video . map ( video => < Video key = { video . id } video = { video } /> ) } </ section > ) ; } 3 Videos First video Video description
TL;DR: React 20 ships with the React Forget compiler, automatic memoization, and improved server component hydration.
Read original at React Blog
Further reading: Stack Overflowweb.devWeb.dev by GoogleWikipedia

A Fresh View In May (2026 Wallpapers Edition)

Let’s welcome May with a new collection of desktop wallpapers! Following our monthly tradition, the wallpapers were created by the community for the community and can be downloaded for free. Enjoy!

More: A Fresh View In May (2026 Wallpapers Edition). Let’s welcome May with a new collection of desktop wallpapers! Following our monthly tradition, the wallpapers were created by the community for the community and can be downloaded for free.
TL;DR: Following our monthly tradition, the wallpapers were created by the community for the community and can be downloaded for free.
Read original at Smashingmagazine
Further reading: MDN Web DocsStack OverflowMDN Web DocsWikipedia