The weekly

Front-End Front Top Stories Fixing full-bleed CSS https://davidpoblador.com/deep-dives/what-happened-to-the-frontend/ The last time you wrote a frontend,it looked like one of these https://davidpoblador.com/deep-dives/what-happened-to-the-frontend/ Thinking Horizontally in CSS @layer https://master.dev/blog/thinking-horizontally-in-css-layer/ Getting Started with Anchor Positioning https://www.joshwcomeau.com/css/anchor-positioning/ Get Ready For the Powerful CSS border-shape Property! https://css-tricks.com/get-ready-for-the-powerful-css-border-shape-property/

node weekly npm install-time security and GAT bypass2fa deprecation https://github.blog/changelog/2026-07-08-npm-install-time-security-and-gat-bypass2fa-deprecation/ Node.js 26.5.0 (Current) https://nodejs.org/en/blog/release/v26.5.0 Announcing TypeScript 7.0 https://devblogs.microsoft.com/typescript/announcing-typescript-7-0/ CVE-2026-48931 Shouldn't Have Been a CVE https://adventures.nodeland.dev/archive/cve-2026-48931-shouldnt-have-been-a-cve/ What's new in ECMAScript 2026 https://pawelgrzybek.com/whats-new-in-ecmascript-2026/ Display images in the terminal https://github.com/sindresorhus/terminal-image ESLint rules for the Node.js built-in test runner (node:test) https://github.com/sindresorhus/eslint-node-test Send email from anywhere your code runs. https://upyo.org/ webpack-dev-server v6.0.0 https://github.com/webpack/webpack-dev-server/releases/tag/v6.0.0 ❤️ JavaScript/TypeScript linter (ESLint wrapper) with great defaults https://github.com/xojs/xo --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus The Descent: What Happened to the Frontend While You Weren't Watching https://davidpoblador.com/deep-dives/what-happened-to-the-frontend/ Getting Started with Anchor Positioning https://www.joshwcomeau.com/css/anchor-positioning/ CSS mixins implementation is starting in Chromium, from my team at Microsoft. https://bsky.app/profile/patrickbrosset.com/post/3mpxkfv25vc2k Introducing the Safari MCP server for web developers https://webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/ Get Ready For the Powerful CSS border-shape Property! https://css-tricks.com/get-ready-for-the-powerful-css-border-shape-property/ Fluid Typography with progress() https://master.dev/blog/fluid-typography-with-progress/ Selective format read: A better default for the Async Clipboard API https://developer.chrome.com/blog/selective-format-read Frontend Minimalism in Action: Do More With Less JavaScript https://www.youtube.com/watch?v=GfRNbWb3ngA Building Persistent Page Transitions with WebGPU and Vanilla JavaScript https://tympanus.net/codrops/2026/06/30/building-persistent-page-transitions-with-webgpu-and-vanilla-javascript/ Fixing full-bleed CSS https://dbushell.com/2026/07/03/fixing-full-bleed-css/ A developer toolkit to make your website agent-ready https://developer.chrome.com/blog/agent-ready-toolkit Wordgard [wɜrd-gɑrd] noun A garden for cultivating words. https://wordgard.net/ visual-json https://visual-json.dev/ Build around content,not breakpoints. https://overflowguard.dev/ Bundle Size Comparison Across Frameworks https://mlgq.github.io/frontend-framework-bundle-size Make your website feel like a single-page app — without JavaScript https://mujs.org/ gta2 js. https://gta2js.vercel.app/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Announcing Vite+ Beta https://voidzero.dev/posts/announcing-vite-plus-beta What's new in ECMAScript 2026 https://pawelgrzybek.com/whats-new-in-ecmascript-2026/ Working With AI: A Concrete Example https://htmx.org/essays/working-with-ai/ W-Key in Frontend: Synergizing Technology and Product https://medal.tv/blog/posts/w-key-in-frontend-synergizing-technology-and-product https://medal.tv/blog/posts/w-key-in-frontend-synergizing-technology-and-product

Front-End Front Top Stories The Shifting Line Between CSS States and JavaScript Events https://css-tricks.com/css-states-and-javascript-events/ Fluid Typography with progress() https://master.dev/blog/fluid-typography-with-progress/ Dark mode with web standards https://olliewilliams.xyz/blog/dark-mode/ An animated radial gradient mask over text in CSS https://cassidoo.co/post/radial-mask-text-css/ The Goldilocks customizable select height https://jakearchibald.com/2026/goldilocks-select-height/

Frontend Focus The Goldilocks customizable select height https://jakearchibald.com/2026/goldilocks-select-height/ Introducing the <usermedia> HTML element https://developer.chrome.com/blog/usermedia-html-element The Shifting Line Between CSS States and JavaScript Events https://css-tricks.com/css-states-and-javascript-events/ Modern UI Patterns - Una Kravets - CSS Day 2026 https://www.youtube.com/watch?v=8FSLsVAJj2w An animated radial gradient mask over text in CSS https://cassidoo.co/post/radial-mask-text-css/ Dark mode with web standards https://olliewilliams.xyz/blog/dark-mode/ Supercharge Web UX with View Transitions https://www.youtube.com/watch?v=TUcWdCrITdw WebGL without a GPU https://microlink.io/blog/webgl-without-a-gpu Modes and Themes That Stick - Building a Persistent Toggle Solution https://www.alwaystwisted.com/articles/modes-and-themes-that-stick-building-a-persistent-toggle-solution Streaming HTML https://olliewilliams.xyz/blog/streaming-html/ CSS as it should have been designed. https://tangled.org/vale.rocks/FixCSS Web Component for generating QR codes https://github.com/educastellano/qr-code CLI to generate image snippets from code files, stdin, or inline source. Uses Shiki-based syntax highlighting with a built-in fallback tokenizer. https://github.com/mcollina/snipgrapher Where to Find the Colors Your Screen Can’t Show You https://moultano.wordpress.com/2026/06/19/where-to-find-the-colors-your-screen-cant-show-you/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Deno 2.9 https://deno.com/blog/v2.9 Iterating faster with TypeScript 7 https://code.visualstudio.com/blogs/2026/06/26/iterating-faster-with-ts-7 Why Drizzle ORM couldn't publish new releases on NPM for a month https://www.vlt.io/blog/packument-size-limits The Shifting Line Between CSS States and JavaScript Events https://css-tricks.com/css-states-and-javascript-events/ Blocking Install Scripts Is Not a Silver Bullet https://nodesource.com/blog/npm-v12-install-scripts-not-a-silver-bullet Moving Linear from styled‑components to StyleX https://www.skovhus.dev/blog/moving-linear-from-styled-components-to-stylex Introducing Nub: an all-in-one toolkit for Node.js https://nubjs.com/blog/introducing-nub Write JavaScript. Get reactivity for free. https://geajs.com/ Web Component for generating QR codes https://github.com/educastellano/qr-code Introducing Claude Sonnet 5 https://www.anthropic.com/news/claude-sonnet-5 Next.js 16.3: Instant Navigations https://nextjs.org/blog/next-16-3-instant-navigations Writing Custom Renderers for React https://www.callstack.com/blog/writing-custom-renderers-for-react How an Underrated Refactor Saved 90% Memory Usage https://tanstack.com/blog/tanstack-table-v9-memory-performance --------------- 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: 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/