The weekly

Front-End Front Top Stories In-N-Out Animations: View Transitions (Part 3/3) https://master.dev/blog/in-n-out-animations-view-transitions-part-3-3/ Modern CSS theming with light-dark(), contrast-color(), and style queries https://una.im/modern-css-theming What JS knows, now CSS knows. https://prop-for-that.netlify.app/ Using Scroll-Driven Animations for Opposing Scroll Directions https://css-tricks.com/scroll-driven-animations-opposing-scroll-directions/ Experimenting with random() in CSS https://polypane.app/blog/experimenting-with-random-in-css/

node weekly Node.js 26.4.0 (Current) https://nodejs.org/en/blog/release/v26.4.0 Blocking Install Scripts Is Not a Silver Bullet https://nodesource.com/blog/npm-v12-install-scripts-not-a-silver-bullet What If npm Ran on AT Protocol? https://www.jasnell.me/posts/what-if-npm-ran-on-atproto Choose your fighter: benchmarking 5 WebSocket servers for Node.js https://evilmartians.com/chronicles/choose-your-fighter-benchmarking-5-websocket-servers-for-nodejs eve, an open-source agent framework for building, running, and scaling agents. https://vercel.com/blog/introducing-eve Announcing TypeScript 7.0 RC https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-rc/ Role & Attribute based Access Control for Node.js — a friendly, chainable API with a real policy engine underneath. https://onury.io/accesscontrol/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Modern CSS theming with light-dark(), contrast-color(), and style queries https://una.im/modern-css-theming/ PACT: Anonymous Credentials for the Web https://hacks.mozilla.org/2026/06/pact-anonymous-credentials-for-the-web/ Astro 7.0 https://astro.build/blog/astro-7/ Your Grid Lanes will likely fail WCAG 2.4.3 https://matuzo.at/blog/2026/grid-lanes-accessibility Animating The Dialog Element Using View Transitions https://pqina.nl/blog/animating-the-dialog-element-using-view-transitions/ Can Your AI Pass the Accessibility Test? https://www.aaron-gustafson.com/notebook/can-your-ai-pass-the-accessibility-test/ Improving card patterns with anchor positioning https://thatemil.com/blog/clickable-surface-expansion-using-anchor-position/ billboard.js 4.0 release: Canvas rendering mode, 94.3% faster overall in benchmark! https://netil.medium.com/billboard-js-4-0-release-canvas-rendering-mode-94-3-faster-overall-in-benchmark-894b18798ffe A website, frozen as a shadow https://kage.tamnd.com/ Lightweight Web Component framework — one defineComponent(), no class syntax, no framework lock-in. https://litepacks.github.io/welyjs/ Explore internet infrastructure https://www.wirewiki.com/ Precise Type – a typography tool for crafting precise type scales https://precise-type.com/ Able Player v5.0.0 released! https://www.joedolson.com/2026/06/able-player-v5-0-0-released/ Timeless Colors of the Great Masters https://paletteinspiration.com/ css quake https://cssquake.com/ You opened this page. It already knows the following. https://sinceyouarrived.world/taken --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Desktop apps https://docs.deno.com/runtime/desktop/ Releasing Babel 8 today: ESM-only, drop ES5 default, and a smooth migration path https://babeljs.io/blog/2026/06/16/8.0.0/ Announcing TypeScript 7.0 RC https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-rc/ How an Underrated Refactor Saved 90% Memory Usage https://tanstack.com/blog/tanstack-table-v9-memory-performance The Most Popular JavaScript Calendar https://fullcalendar.io/ Introducing eve https://vercel.com/blog/introducing-eve Your User's Next Move. Already Fetched. https://foresightjs.com/ Prop For That https://nerdy.dev/prop-for-that A website, frozen as a shadow https://kage.tamnd.com/ ECMAScript/JavaScript engine in pure Go https://github.com/dop251/goja React Router v8 https://remix.run/blog/react-router-v8 Can Signals Make React Redux Faster at Scale? https://github.com/reduxjs/react-redux/pull/2318 Wasp now lets you write your full-stack logic as a spec in TypeScript https://wasp.sh/blog/2026/06/15/wasp-typescript-spec --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories The Scope of CSS @function https://master.dev/blog/the-scope-of-css-function/ Why Isn’t My 3D View Transition Working? https://css-tricks.com/why-isnt-my-3d-view-transition-working/ Ending Responsive Images https://cloudfour.com/thinks/ending-responsive-images/ The golden rule of Customizable Select https://webkit.org/blog/18117/the-golden-rule-of-customizable-select/ A workaround for hiding empty slots in Chromium https://daverupert.com/2026/06/fix-for-host-has-slot/

Node Weekly Introducing Nub: an all-in-one toolkit for Node.js https://nubjs.com/blog/introducing-nub Node.js 26.3.1 (Current) https://nodejs.org/en/blog/release/v26.3.1 Shipping psql without psql: a pure-TypeScript Postgres client in neonctl https://neon.com/blog/shipping-psql-without-psql A backdoor in a LinkedIn job offer https://roman.pt/posts/linkedin-backdoor/ Send emails from Node.js - easy as cake! https://nodemailer.com/ Compile Zod schemas into zero-overhead validation functions at build time. Works with Vite, webpack, esbuild, Rollup, etc https://github.com/gajus/zod-compiler Telegram Bot API 10.1 https://github.com/yagop/node-telegram-bot-api/releases More than 200 powerful ESLint rules https://github.com/sindresorhus/eslint-plugin-unicorn free!!! courses- claude-cod https://frontendmasters.com/courses/claude-cod --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Introducing the MDN MCP server https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/ The Scope of CSS @function https://master.dev/blog/the-scope-of-css-function/ The golden rule of Customizable Select https://webkit.org/blog/18117/the-golden-rule-of-customizable-select/ Why Isn’t My 3D View Transition Working? https://css-tricks.com/why-isnt-my-3d-view-transition-working/ Postgres for time-series workloads at any scale. https://www.tigerdata.com/go/trial?utm_source=content-syndication&utm_medium=referral&utm_campaign=frontend-focus-newsletter

JavaScript Weekly Flow for TypeScript Users in 2026 https://medium.com/flow-type/flow-for-typescript-users-in-2026-ad07ac0a2d92 Upcoming breaking changes for npm v12 https://github.blog/changelog/2026-06-09-upcoming-breaking-changes-for-npm-v12/ Code is Cheap(er) https://htmx.org/essays/code-is-cheap/ TypeScript Performance in TanStack Table V9 https://tanstack.com/blog/tanstack-table-v9-typescript-performance React Libraries for 2026 https://www.robinwieruch.de/react-libraries/ React Native, Hermes bytecode, and the Kindle homepage https://sighery.com/posts/patching-kindle-homepage/ Making numpy-ts as fast as native https://nico.codes/notes/numpyts-optimization/ More than 200 powerful ESLint rules https://github.com/sindresorhus/eslint-plugin-unicorn Compile Zod schemas into zero-overhead validation functions at build time. Works with Vite, webpack, esbuild, Rollup, etc https://github.com/gajus/zod-compiler billboard.js 4.0 release: Canvas rendering mode, 94.3% faster overall in benchmark! https://netil.medium.com/billboard-js-4-0-release-canvas-rendering-mode-94-3-faster-overall-in-benchmark-894b18798ffe Render textured 3D meshes in the DOM with CSS. No WebGL or <canvas> needed: each polygon is a real DOM element. https://polycss.com/ Building the future of React, together. https://react.foundation/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Introducing the Field Guide to Grid Lanes https://webkit.org/blog/18098/introducing-the-field-guide-to-grid-lanes/ The quiet problem with unnecessary async https://allthingssmitty.com/2026/06/08/the-quiet-problem-with-unnecessary-async/ News from WWDC26: WebKit in Safari 27 beta https://webkit.org/blog/17967/news-from-wwdc26-webkit-in-safari-27-beta/ Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions https://css-tricks.com/scroll-driven-scroll-triggered-scroll-states-and-view-transitions/ Reduce the JS Workload with No- or Lo-JS options https://aarontgrogg.github.io/NoLoJS/ How building an HTML-first site doubled our users overnight https://mohkohn.co.uk/writing/html-first/

Node Weekly Upcoming breaking changes for npm v12 https://github.blog/changelog/2026-06-09-upcoming-breaking-changes-for-npm-v12/ Node.js is changing its release schedule and version numbers https://nodejsdesignpatterns.com/blog/nodejs-release-schedule-changes/ Data on the share of ESM vs CJS on the public npm registry https://github.com/wooorm/npm-esm-vs-cjs#data Node red-Version 5.0 released https://nodered.org/blog/2026/06/09/version-5-0-released Safe expressions for rules, filters, and templates. https://danfry1.github.io/bonsai-js/ Guard your dependencies against supply chain attacks. https://depsguard.com/ node_modules, Now in 3D! https://nesbitt.io/heap --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus News from WWDC26: WebKit in Safari 27 beta https://webkit.org/blog/17967/news-from-wwdc26-webkit-in-safari-27-beta/ How building an HTML-first site doubled our users overnight https://mohkohn.co.uk/writing/html-first/ Context-aware headings in HTML https://www.matuzo.at/blog/2026/content-aware-headings The Fundamentals and Dev Experience of CSS @function https://frontendmasters.com/blog/the-fundamentals-and-dev-experience-of-css-function/ CSS is filling the gaps with rules. A way to style gaps in grid and flex. https://utilitybend.com/blog/css-is-filling-the-gaps-with-rules-a-way-to-style-gaps-in-grid-and-flex CSS Can Now Animate Between Pages: View Transitions Without JavaScript https://www.rotecodefraktion.de/en/blog/css-view-transitions-zwischen-seiten/ You probably shouldn’t be annotating focus order https://ericwbailey.design/published/you-probably-shouldnt-be-annotating-focus-order/ Scrubbable Staggered Animation with CSS @function https://master.dev/blog/scrubbable-staggered-animation-with-css-function/ WWDC26: Rediscover the HTML select element | Apple https://www.youtube.com/watch?v=ACsHgWwP9Io WWDC26: Create web extensions for Safari | Apple https://www.youtube.com/watch?v=hXxdyx6iQN0 WWDC26: Learn CSS Grid Lanes | Apple https://www.youtube.com/watch?v=NDwoB2PpwgY Web dev is fun again with ATproto · Web Dev Challenge S3.E4 https://www.youtube.com/watch?v=S-XytKfGCO8 Masonry layouts in pure CSS. No JavaScript. No hacks. Just four lines of code. https://gridlanes.webkit.org/ Reduce the JS Workload with No- or Lo-JS options https://aarontgrogg.github.io/NoLoJS/ Pack my box with five dozen liquor jugs https://www.fontself.app/ Convert any web page to clean, readable Markdown with just one click. https://github.com/Ademking/MD-This-Page tsParticles Powerful particle engine, simple developer workflow https://particles.js.org/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly VoidZero is Joining Cloudflare https://voidzero.dev/posts/voidzero-cloudflare Announcing Angular v22 https://blog.angular.dev/announcing-angular-v22-c52bb83a4664 Modern Engineering Values https://cpojer.net/posts/modern-engineering-values I wish Deno would keep doing what it does best https://hackers.pub/@hongminhee/2026/i-wish-deno-would-keep-doing-what-it-does-best What Bun Can Tell Us About AI, Open Source and Anthropic https://redmonk.com/sogrady/2026/06/04/bun-two-lessons/ A JavaScript library for doing geometry. https://www.harryjstevens.com/geometric/ Micromodal.js is a lightweight, configurable and a11y-enabled modal library written in pure JavaScript https://micromodal.vercel.app/ View and Interact with PDFs in React, SolidJS, Svelte and JavaScript apps https://pdfslick.dev/ Hoists Zod schema definitions to the top of the file. https://github.com/gajus/babel-plugin-zod-hoist The Conductor Rewrite: What They Changed to Make It Fast https://performance.dev/the-conductor-rewrite Port React Compiler to Rust https://github.com/react/react/pull/36173#issuecomment-4608356402 All 17 TanStack Projects In ONE App! https://www.youtube.com/watch?v=J4kzovOTNKw Everything you need to know about Sourcemaps https://neciudan.dev/everything-you-need-to-know-about-sourcemaps --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories In-N-Out Animations: Dialogs (Part 1/3) https://frontendmasters.com/blog/in-n-out-animations-dialogs-part-1-3/ A curated collection of practical TypeScript patterns that improve safety, readability, maintainability, and developer experience. https://github.com/AllThingsSmitty/typescript-tips-everyone-should-know Navigating the age-old problem of checkmarks in UI with progressive enhancement https://piccalil.li/blog/navigating-the-age-old-problem-of-checkmarks-in-ui-with-progressive-enhancement/ Revealing Text With CSS letter-spacing https://css-tricks.com/revealing-text-with-css-letter-spacing/ What's missing in CSS layout https://patrickbrosset.com/articles/2026-05-20-whats-missing-in-css-layout/

Node Weekly type a package name. we'll tell you what you don't need. https://replacements.fyi/ Node.js 26.3.0 (Current) https://nodejs.org/en/blog/release/v26.3.0 How to Evaluate an npm Package - 2026 Edition https://blog.gaborkoos.com/posts/2026-05-29-How-to-Evaluate-an-npm-Package-2026-Edition/ How Wasmer used Codex to build a Node.js runtime for the edge https://openai.com/index/wasmer/ Node.js 24 vs 25 vs 26 Complete Benchmark https://www.repoflow.io/blog/node-js-24-vs-25-vs-26-complete-benchmark A curated collection of practical TypeScript patterns that improve safety, readability, maintainability, and developer experience. https://github.com/AllThingsSmitty/typescript-tips-everyone-should-know Copilot SDK is now generally available https://github.blog/changelog/2026-06-02-copilot-sdk-is-now-generally-available/ Hoists Zod schema definitions to the top of the file. https://github.com/gajus/babel-plugin-zod-hoist node-redis 6.0.0 https://github.com/redis/node-redis/releases/tag/redis%406.0.0 Introducing Structon: Random-Access Binary Encoding for JavaScript https://www.harper.fast/resources/introducing-structon-random-access-binary-encoding-for-javas suite of tools to bring collaboration to your application https://tiptap.dev/docs/hocuspocus/getting-started/overview -------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

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