The weekly

Frontend Focus Accessible (I Think) Split-Cell Table Headers https://meyerweb.com/eric/thoughts/2026/05/28/accessible-i-think-split-cell-table-headers/ What's new in DevTools (Chrome 149) https://developer.chrome.com/blog/new-in-devtools-149 Introducing the HTML-in-Canvas API origin trial https://developer.chrome.com/blog/html-in-canvas-origin-trial Revealing Text With CSS letter-spacing https://css-tricks.com/revealing-text-with-css-letter-spacing/ Intentionally blocking rendering with JavaScript https://www.jayfreestone.com/writing/intentional-render-blocking-javascript/ Why the accept attribute degrades file upload UX https://adamsilver.io/blog/why-the-accept-attribute-degrades-file-upload-ux/ Front-End’s Missing Metric: The TBT Window https://csswizardry.com/2026/06/front-ends-missing-metric-the-tbt-window/ Stop Using :invalid and :valid Pseudo-Classes. Use THIS Instead! https://www.youtube.com/watch?v=fST4hhWE6y8 Render textured 3D meshes in the DOM with CSS. https://polycss.com/ Get the CSS utilities you want. Nothing you don't. https://curlwind.com/ Find mathematically optimal font pairings — anatomy, metrics & compatibility https://fontastic.space/ A new perspective on development for the agentic era. Gemini-generated documentation, always up-to-date. https://codewiki.google/ -------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Hocuspocus is a suite of tools to bring collaboration to your application https://tiptap.dev/docs/hocuspocus/getting-started/overview How to Evaluate an npm Package - 2026 Edition https://blog.gaborkoos.com/posts/2026-05-29-How-to-Evaluate-an-npm-Package-2026-Edition/ Using AI to write better code more slowly https://nolanlawson.com/2026/05/25/using-ai-to-write-better-code-more-slowly/ A curated collection of practical TypeScript patterns that improve safety, readability, maintainability, and developer experience. https://github.com/AllThingsSmitty/typescript-tips-everyone-should-know Intentionally blocking rendering with JavaScript https://www.jayfreestone.com/writing/intentional-render-blocking-javascript/ Why does tsgo use so much memory? https://zackoverflow.dev/writing/why-does-tsgo-use-so-much-memory Exploring the performance implications of different animation strategies https://www.joshwcomeau.com/animation/css-vs-javascript/ Plotly JavaScript Open Source Graphing Library https://plotly.com/javascript/ Component Party: A Rosetta Stone of UI Libraries https://component-party.dev/?f=react-vue3 Powerful particle engine, simple developer workflow https://particles.js.org/#google_vignette officeParser v7.1.0 https://github.com/harshankur/officeParser/releases/tag/v7.1.0 TanStack Router and Query https://tkdodo.eu/blog/tan-stack-router-and-query Does anybody actually like React? https://jsx.lol/ React at 60FPS https://www.readwriterachel.com/presentations/2026/05/21/react-60fps-slides.html Is TanStack Starts Deferred Hydration Revolutionary? https://www.youtube.com/watch?v=_PB9rHndhU8 -------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories CSS vs. JavaScript https://www.joshwcomeau.com/animation/css-vs-javascript/ The State of CSS Centering in 2026 https://css-tricks.com/the-state-of-css-centering-in-2026/ The Fundamentals and Dev Experience of CSS @function https://frontendmasters.com/blog/the-fundamentals-and-dev-experience-of-css-function/ Accessibility question: is nesting interactive elements bad? https://christianheilmann.com/2026/05/27/accessibility-question-is-nesting-interactive-elements-bad/ Don't put aria-label on generic elements like divs https://www.matuzo.at/blog/2026/aria-label-generic-elements Intentionally blocking rendering with JavaScript https://www.jayfreestone.com/writing/intentional-render-blocking-javascript/

Node Weekly The Production Playbook for Node.js Stream Leaks https://frontendmasters.com/blog/the-production-playbook-for-node-js-stream-leaks/ Deno 2.8 https://deno.com/blog/v2.8 Node.js 24.16.0 (LTS) https://nodejs.org/en/blog/release/v24.16.0 How to automate modernization with Antigravity and multi-agent orchestration https://javascript.plainenglish.io/migrating-express-to-next-js-using-ai-agents-antigravity-f48b4c206a8e Using AI to write better code more slowly https://nolanlawson.com/2026/05/25/using-ai-to-write-better-code-more-slowly/ The Agent Harness Framework https://flueframework.com/ Easily generate and modify .docx files with JS/TS. Works for Node and on the Browser. https://docx.js.org/#/ Helmet helps secure Node/Express apps. https://helmet.js.org/ state of ai https://2026.stateofai.dev/en-US -------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus The State of CSS Centering in 2026 https://css-tricks.com/the-state-of-css-centering-in-2026/ State of CSS 2026 https://survey.devographics.com/en-US/survey/state-of-css/2026 What's missing in CSS layout https://patrickbrosset.com/articles/2026-05-20-whats-missing-in-css-layout/ Google might have just killed websites https://www.youtube.com/watch?v=Xpk7soxvOMY CSS vs. JavaScript https://www.joshwcomeau.com/animation/css-vs-javascript/ Declarative partial updates https://developer.chrome.com/blog/declarative-partial-updates Maybe Don’t Rely on Google’s “Modern Web Guidance” https://adrianroselli.com/2026/05/maybe-dont-rely-on-googles-modern-web-guidance.html Don't put aria-label on generic elements like divs https://www.matuzo.at/blog/2026/aria-label-generic-elements Framework-agnostic design systems: a practical approach to web components https://piccalil.li/blog/framework-agnostic-design-systems-part-1/ Handwriting animation for the web. Supports any font or text. https://github.com/KurtGokhan/tegaki Font metrics calculator for font-size-adjust https://clagnut.com/sandbox/font-size-adjust.html CSSTree syntax for Tailwind https://github.com/humanwhocodes/tailwind-csstree dev.css is a tiny, simple, classless CSS framework inspired by new.css. https://tangled.org/devins.page/dev.css/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly JS Crossword https://lyra.horse/fun/jscrossword/ Staged publishing for npm packages https://docs.npmjs.com/staged-publishing Announcing Web Serial Support in Firefox https://hacks.mozilla.org/2026/05/web-serial-support-in-firefox/ Declarative partial updates https://developer.chrome.com/blog/declarative-partial-updates Optimizing Our Build Times by Migrating from Webpack to Rspack https://engineeringblog.yelp.com/2026/05/optimizing-our-build-times-by-migrating-from-webpack-to-rspack.html Mini Shai Hulud: Compromised @antv npm packages enable CI/CD credential theft https://www.microsoft.com/en-us/security/blog/2026/05/20/mini-shai-hulud-compromised-antv-npm-packages-enable-ci-cd-credential-theft/ AI-assisted engineers are burning out, is this fine? https://evilmartians.com/chronicles/ai-assisted-engineers-are-burning-out-is-this-fine Deno 2.8 https://deno.com/blog/v2.8#new-subcommands

Easily generate and modify .docx files with JS/TS. Works for Node and on the Browser.

https://docx.js.org/#/ A tiny (~1KB) & modern library for keybindings. https://jamiebuilds.github.io/tinykeys/ Axios to WHATWG Fetch Codemod https://app.codemod.com/registry/@nodejs/axios-to-whatwg-fetch Self-hosted over-the-air updates for React Native https://hot-updater.dev/ Component Party: A Rosetta Stone of UI Libraries https://component-party.dev React Server Components in TanStack https://frontendmasters.com/blog/react-server-components-in-tanstack/ How to automate modernization with Antigravity and multi-agent orchestration https://javascript.plainenglish.io/migrating-express-to-next-js-using-ai-agents-antigravity-f48b4c206a8e My Thoughts on AI, Part 2: Agent Setup, Workflow, and Tools https://blog.isquaredsoftware.com/2026/05/ai-thoughts-part-2-agent-workflow-tools/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Moving away from Tailwind, and learning to structure my CSS https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/ How to Control Infinite CSS Animations (Part 2 of 2) https://frontendmasters.com/blog/how-to-control-infinite-css-animations-part-2-of-2/ Advanced Tree Counting: Mathematical Layouts With sibling-index() And sibling-count() https://www.smashingmagazine.com/2026/05/mathematical-layouts-sibling-index-sibling-count/ Gap decorations: Now available in Chromium https://developer.chrome.com/blog/gap-decorations-stable?hl=en Soon We Can Finally Banish JavaScript to the ShadowRealm https://css-tricks.com/soon-we-can-finally-banish-javascript-to-the-shadowrealm/

Node Weekly A New Look for Express https://expressjs.com/en/blog/2026-05-18-a-new-look-for-express/#overview Staged publishing for npm packages https://docs.npmjs.com/staged-publishing Node.js 26.2.0 (Current) https://nodejs.org/en/blog/release/v26.2.0 How Node.js and V8 keep each other working - workflows, challenges and tips https://joyeecheung.github.io/blog/2026/05/18/how-nodejs-and-v8-keep-each-other-working/ Axios to WHATWG Fetch https://nodejs.org/en/blog/migrations/axios-to-fetch Release Notes 1.0 https://typeorm.io/docs/releases/1.0/release-notes/ Source of truth: PostgreSQL https://kristiandupont.github.io/kanel/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus 15 updates from Google I/O 2026: Powering the agentic web with new capabilities, tools, and features in Chrome https://developer.chrome.com/blog/chrome-at-io26 Build with Modern Web Guidance https://developer.chrome.com/docs/modern-web-guidance Moving away from Tailwind, and learning to structure my CSS https://jvns.ca/blog/2026/05/15/moving-away-from-tailwind--and-learning-to-structure-my-css-/ Firefox 151 release notes for developers (Stable) https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/151 Better fluid sizing with round() https://ishadeed.com/article/css-round/ 600+ million people write right-to-left: 2 fixes your app needs https://evilmartians.com/chronicles/600-million-people-write-right-to-left-2-fixes-your-app-needs Gap decorations: Now available in Chromium https://developer.chrome.com/blog/gap-decorations-stable A few ways of specifying per-theme colours in only CSS https://chrismorgan.info/css-themed-colours Cross-Document View Transitions: The Gotchas Nobody Mentions https://css-tricks.com/cross-document-view-transitions-part-1/ THE BORING INTERNET https://www.terrygodier.com/the-boring-internet/ascii Animate your SVGs. Without losing your mind. https://www.svgstudio.org/ Announcing swup 4 🎉Versatile and extensible page transition library for server-rendered websites https://swup.js.org/ Extract & Inline Critical-path CSS in HTML pages https://github.com/addyosmani/critical Structure-aware skeleton loader. One Web Component, every framework. https://github.com/Aejkatappaja/phantom-ui Frontend framework for people who hate React and love HTML. https://qitejs.qount25.dev/ High quality image resize in browser. https://nodeca.github.io/pica/demo/ webcompat https://webcompat.dev/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Make install scripts opt-in https://github.com/npm/rfcs/pull/868 Mini Shai-Hulud Strikes Again: 317 npm Packages Compromised https://safedep.io/mini-shai-hulud-strikes-again-314-npm-packages-compromised/ My Thoughts on AI, Part 2: Agent Setup, Workflow, and Tools https://blog.isquaredsoftware.com/2026/05/ai-thoughts-part-2-agent-workflow-tools/ MASTER THE NODE.JS INTERNALS https://www.thenodebook.com/ Soon We Can Finally Banish JavaScript to the ShadowRealm https://css-tricks.com/soon-we-can-finally-banish-javascript-to-the-shadowrealm/ OpenAPI to TypeScript Magic https://orval.dev/ 🍫 Tastier cookies, local, session, and db storage in a tiny package. Includes subscribe() events for changes. https://github.com/franciscop/brownies High quality image resize in browser. https://nodeca.github.io/pica/demo/ Event Calendar Component for React, Svelte & Vue is Here! https://svar.dev/blog/svar-calendar-for-react-svelte-vue/ fate combines view composition, normalized caching, data masking, and Async React features https://fate.technology/posts/fate-1.0 👾 The lightest signal library https://github.com/stackblitz/alien-signals JSONRegistry - Allows branded instances in regular JSON https://es.discourse.group/t/jsonregistry-allows-branded-instances-in-regular-json/2569 From latency to instant: Modernizing GitHub Issues navigation performance https://github.blog/engineering/architecture-optimization/from-latency-to-instant-modernizing-github-issues-navigation-performance/ Why React Developers Are Leaving Next.js for TanStack https://www.youtube.com/watch?v=6moPS3AAbe4 Hardening TanStack After the npm Compromise https://tanstack.com/blog/incident-followup A Technical Deep Dive Into the New Raycast https://www.raycast.com/blog/a-technical-deep-dive-into-the-new-raycast --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories I keep tripping over “true, false, true” https://allthingssmitty.com/2026/05/11/i-keep-tripping-over-true-false-true/ WebKit Features for Safari 26.5 https://webkit.org/blog/17938/webkit-features-for-safari-26-5/ Using CSS corner-shape For Folded Corners https://css-tricks.com/using-css-corner-shape-for-folded-corners/ Callout UI with CSS Offset & Border https://frontendmasters.com/blog/callout-ui-with-css-offset-border/ Repeating Square Dots Backgrounds in CSS https://frontendmasters.com/blog/repeating-square-dots-backgrounds-in-css/

Node Weekly NodeBook: An Advanced Guide to Node.js Internals https://www.thenodebook.com/ What's new in Node.js 26 https://nodejsdesignpatterns.com/blog/whats-new-in-nodejs-26/ Fixing JavaScript observability, one library at a time https://blog.sentry.io/fixing-javascript-observability/ Your Recursion Is Lying to You https://blog.gaborkoos.com/posts/2026-05-09-Your-Recursion-Is-Lying-to-You/ Bun v1.3.14 https://bun.com/blog/bun-v1.3.14 Syncpack 15.0: Consistent Dependency Versions in JS Monorepos https://syncpack.dev/ Not just a mock server. https://counterfact.dev/ pnpm 11.1 https://pnpm.io/blog/releases/11.1 web-features-cli https://www.npmjs.com/package/web-features-cli --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus WebKit Features for Safari 26.5 https://webkit.org/blog/17938/webkit-features-for-safari-26-5/ Meet Your Users Where They Are with Obs.js https://csswizardry.com/2026/05/meet-your-users-where-they-are-with-obs-js/ Install Web Apps with the New <install> Element https://developer.chrome.com/blog/install-element-ot Control the Speed of Infinite Animations https://css-tip.com/speed-control/ Soon We Can Finally Banish JavaScript to the ShadowRealm https://css-tricks.com/soon-we-can-finally-banish-javascript-to-the-shadowrealm/ Better Browser Caching with No-Vary-Search http://csswizardry.com/2026/05/better-browser-caching-with-no-vary-search/ Six Million Selections Later: How the DMA Is Giving People Browser Choice https://blog.mozilla.org/netpolicy/2026/05/11/six-million-selections-later-how-the-dma-is-giving-people-browser-choice/ Testing Vue components in the browser https://jvns.ca/blog/2026/05/02/testing-vue-components-in-the-browser/ wf: A CLI Tool for Looking Up Web Platform Features https://www.npmjs.com/package/web-features-cli Anime.js 4.4: The Flexible Animation Engine for HTML Elements https://animejs.com/ 97 meticulously crafted, small-batch, artisanal icons for CSS properties. Made for design tools that speak code. https://designsurface.dev/cascade Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps https://github.com/nicobailon/visual-explainer --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories The Importance of Native Randomness in CSS https://css-tricks.com/the-importance-of-native-randomness-in-css/ Animating Focus with View Transitions https://frontendmasters.com/blog/animating-focus-with-view-transitions/ CSS n of Selectors for Conditional Validation https://frontendmasters.com/blog/css-n-of-selectors-for-conditional-validation/ Reminder: You Can Stitch Together Lots of Little HTML Pages With Navigations For Interactions https://blog.jim-nielsen.com/2026/small-html-pages/ Using safe-area-inset to build mobile-safe layouts https://polypane.app/blog/using-safe-area-inset-to-build-mobile-safe-layouts/

Node Weekly Node.js 26.0.0 (Current) https://nodejs.org/en/blog/release/v26.0.0 Trip report: Node.js collaboration summit (2026 London) https://nodejs.org/en/blog/events/collab-summit-2026-london Why migrate to Valibot? https://valibot.dev/blog/why-migrate-to-valibot/ html-to-text https://github.com/html-to-text/node-html-to-text/blob/master/packages/html-to-text/README.md pm2 v7.0.0 https://github.com/Unitech/pm2/releases/tag/v7.0.0 A crazy fast HTTP router https://github.com/delvedor/find-my-way opentype.js is an OpenType and TrueType font parser and writer. https://opentype.js.org/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Media Queries Range Syntax https://ishadeed.com/article/range-syntax/ 9 Times the Web Platform Was Influenced by Libraries https://jadjoubran.io/blog/web-platform-influenced-by-libraries Using safe-area-inset to build mobile-safe layouts https://polypane.app/blog/using-safe-area-inset-to-build-mobile-safe-layouts/ CSS n of Selectors for Conditional Validation https://frontendmasters.com/blog/css-n-of-selectors-for-conditional-validation/ The Importance of Native Randomness in CSS https://css-tricks.com/the-importance-of-native-randomness-in-css/ Trustworthy JavaScript for the Open Web https://hacks.mozilla.org/2026/05/trustworthy-javascript-for-the-open-web/ Open web vs AI: what can W3C do? https://hidde.blog/web-ai-breakout/ Warning: containment breach in cascade layer! https://dbushell.com/2026/04/15/containment-breach-in-cascade-layer/ Fancy frames using clip-path: shape() https://css-generators.com/fancy-frame/ Get creative with shaders. https://misery.co/shaderpad/ Build Better Extensions for Developers and AI https://addfox.dev/ A visual CSS editor for Mac. https://bendansby.com/apps/stylebop.html Virtual Scrolling https://www.nicbarker.com/virtual-scrolling --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Remix 3 Enters Beta — It's No Longer a React Framework https://remix.run/blog/remix-3-beta-preview Node.js 26.0.0 (Current) https://nodejs.org/en/blog/release/v26.0.0 Testing Vue components in the browser https://jvns.ca/blog/2026/05/02/testing-vue-components-in-the-browser/ Trustworthy JavaScript for the Open Web https://hacks.mozilla.org/2026/05/trustworthy-javascript-for-the-open-web/ All-in-one animation engine. https://animejs.com/ The modular and type-safe form library for any framework https://github.com/open-circle/formisch opentype.js is an OpenType and TrueType font parser and writer https://opentype.js.org/ A non-visual polyfill for Same-Document View Transitions https://github.com/GoogleChromeLabs/view-transitions-mock mediabunny v1.42.0 https://github.com/Vanilagy/mediabunny/releases/tag/v1.42.0 A self-hosted email client with an AI agent, running entirely on Cloudflare Workers https://github.com/cloudflare/agentic-inbox How React streams UI out of order and still manages to keep order https://inside-react.vercel.app/blog/how-react-streams-ui-out-of-order The real cost of React Native animations: benchmarking every approach https://expo.dev/blog/the-real-cost-of-react-native-animations-benchmarking-every-approach --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Scroll-Driven Animations https://www.joshwcomeau.com/animation/scroll-driven-animations/ The Web Is Fun Again: First Experiments with HTML in Canvas https://frontendmasters.com/blog/the-web-is-fun-again-first-experiments-with-html-in-canvas/ Let’s Use the Nonexistent ::nth-letter Selector Now https://css-tricks.com/using-nonexistent-nth-letter-selector-now/ Warning: containment breach in cascade layer! https://dbushell.com/2026/04/15/containment-breach-in-cascade-layer/ canvas-ing-the-web https://meyerweb.com/eric/thoughts/2026/04/27/canvas-ing-the-web/

Node Weekly What's actually new in JavaScript (and what's coming next) https://neciudan.dev/whats-new-in-javascript node Version 26.0.0 (Current) https://github.com/nodejs/node/pull/62526 Replace port numbers with stable, named local URLs. For humans and agents. https://github.com/vercel-labs/portless pnpm 11.0 https://pnpm.io/blog/releases/11.0 Fresh 2.3: Zero JS by default, View Transitions, and Temporal support https://deno.com/blog/fresh-2.3 SQLite extension + bindings for Postgres NOTIFY/LISTEN semantics with durable queues, streams, pub/sub, and scheduler https://github.com/russellromney/honker

Frontend Focus The end of responsive images https://piccalil.li/blog/the-end-of-responsive-images/ Exploring the majestic new animation-timeline API https://www.joshwcomeau.com/animation/scroll-driven-animations/ Exploring the math and intuition behind blend modes in the browser https://nik.digital/posts/compositing-blending Recreating Apple’s Vision Pro Animation in CSS https://css-tricks.com/recreating-apples-vision-pro-animation-in-css/ Let’s Use the Nonexistent ::nth-letter Selector Now https://css-tricks.com/using-nonexistent-nth-letter-selector-now/ Constructable Stylesheets and adoptedStyleSheets: One Parse, Every Shadow Root https://frontendmasters.com/blog/constructable-stylesheets-and-adoptedstylesheets-one-parse-every-shadow-root/ Datatype A variable font that turns text into charts. https://franktisellano.github.io/datatype/ Replace port numbers with stable, named local URLs. For humans and agents. https://github.com/vercel-labs/portless 158+ animated React components you can copy into any project. Free, open source, and ready to use. https://animata.design/ A non-visual polyfill for Same-Document View Transitions https://github.com/GoogleChromeLabs/view-transitions-mock --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S