The weekly

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

JavaScript Weekly pnpm 11.0 https://pnpm.io/blog/releases/11.0 Announcing TypeScript 7.0 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-beta/ What's actually new in JavaScript (and what's coming next) https://neciudan.dev/whats-new-in-javascript TSRX is a TypeScript language extension for building declarative UIs in an agentic era. https://tsrx.dev/ An entire library of unparalleled usability, at just 35 KB. https://www.tradingview.com/lightweight-charts/ A tiny (286 bytes) state manager for React/RN/Preact/Vue/Svelte with many atomic tree-shakable stores https://github.com/nanostores/nanostores Barcode Writer in Pure JavaScript https://github.com/metafloor/bwip-js Fresh 2.3: Zero JS by default, View Transitions, and Temporal support https://deno.com/blog/fresh-2.3 A Guide to React Compiler Rendering https://blog.isquaredsoftware.com/presentations/2026-04-react-compiler-rendering Vercel April 2026 security incident https://vercel.com/kb/bulletin/vercel-april-2026-security-incident Async React: Building Non-Blocking UIs with useTransition and useActionState https://www.rubrik.com/blog/architecture/26/2/async-react-building-non-blocking-uis-with-usetransition-and-useactionstate 5 Ways To SSR/RSC on TanStack Start https://www.youtube.com/watch?v=PX3QlADinIE --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

ront-End Front Top Stories The end of responsive images https://css-tricks.com/recreating-apples-vision-pro-animation-in-css/ Recreating Apple’s Vision Pro Animation in CSS https://css-tricks.com/recreating-apples-vision-pro-animation-in-css/ Why I don’t chain everything in JavaScript anymore https://allthingssmitty.com/2026/04/20/why-i-dont-chain-everything-in-javascript-anymore/ font-family Doesn’t Fall Back the Way You Think https://csswizardry.com/2026/04/font-family-doesnt-fall-back-the-way-you-think/ Building a UI Without Breakpoints https://frontendmasters.com/blog/building-a-ui-without-breakpoints/

Node Weekly Aube is a fast Node.js package manager https://aube.en.dev/ Writing Node.js addons with .NET Native AOT https://devblogs.microsoft.com/dotnet/writing-nodejs-addons-with-dotnet-native-aot/ Announcing TypeScript 7.0 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-beta/ Optique Type-safe combinatorial CLI parser for TypeScript https://optique.dev/ Static HTML for SEO. SPA for speed. AI-ready by default. https://docmd.io/ New RocksDB Binding for Node.js https://www.harper.fast/resources/new-rocksdb-binding-for-node-js Bun v1.3.13 https://bun.com/blog/bun-v1.3.13 playwright v1.59.0 https://github.com/microsoft/playwright/releases/tag/v1.59.0 --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱Frontend Focus🇮🇱🇮🇱🇮🇱🇮🇱 Building a UI Without Breakpoints https://frontendmasters.com/blog/building-a-ui-without-breakpoints/ font-family Doesn’t Fall Back the Way You Think https://csswizardry.com/2026/04/font-family-doesnt-fall-back-the-way-you-think/ Firefox 150 release notes for developers (Stable) https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/150 Delivering a dynamic hexagonal world map in just 10kb https://calibreapp.com/blog/building-our-beloved-hex-map 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/ Details That Make Interfaces Feel Better https://jakub.kr/writing/details-that-make-interfaces-feel-better Making your site visible to LLMs: 6 techniques that work, 8 that don't https://evilmartians.com/chronicles/how-to-make-your-website-visible-to-llms Why some images look brighter than your screen https://tn1ck.com/blog/abuse-hdr-images-for-marketing Green components: How your design system can aid sustainability goals https://zeroheight.com/blog/green-components-how-your-design-system-can-aid-sustainability-goals/ The only framework that makes responsive email easy https://mjml.io/ The web has been silent. tiks makes it sing. https://rexa-developer.github.io/tiks/ HyperFrames lets AI agents compose videos by writing HTML, CSS & JS. https://hyperframes.heygen.com/ A lightweight, themeable CSS framework https://mucss.org/ The modular and type-safe form library for any framework https://github.com/open-circle/formisch TypeScript library that enhances the WebGPU API, allowing resource management in a type-safe, declarative way. https://docs.swmansion.com/TypeGPU/ A zero-dependency Web Component to embed Bluesky discussion threads on any website. https://github.com/florianschepp/bsky-comments liquid-glass https://liquid-glass.ybouane.com/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱 HyperFrames lets AI agents compose videos by writing HTML, CSS & JS. https://hyperframes.heygen.com/ Vercel April 2026 security incident https://vercel.com/kb/bulletin/vercel-april-2026-security-incident Evan You - State of Vue 2026 https://www.youtube.com/watch?v=a9_Ud5MFTjU How I Resolved 15K Circular Dependencies https://stefanhaas.xyz/article/15k-circular-dependencies/ The Vertical Codebase https://tkdodo.eu/blog/the-vertical-codebase NPM Security best practices https://cheatsheetseries.owasp.org/cheatsheets/NPM_Security_Cheat_Sheet.html How we made the Angular Compiler faster using AI https://voidzero.dev/posts/oxc-angular-compiler Bun v1.3.13 https://bun.com/blog/bun-v1.3.13 194+ animated React components you can copy into any project. Free, open source, and ready to use. https://animata.design/ The Industry's Most Versatile Office Parser https://officeparser.harshankur.com/ The web has been silent. tiks makes it sing. https://rexa-developer.github.io/tiks/ Highlights from Git 2.54 https://github.blog/open-source/git/highlights-from-git-2-54/ React Server Components Your Way https://tanstack.com/blog/react-server-components Build with React, Run on Salesforce: Introducing Salesforce Multi-Framework https://developer.salesforce.com/blogs/2026/04/build-with-react-run-on-salesforce-introducing-salesforce-multi-framework React Photo Album https://react-photo-album.com/ What's New in VisionCamera V5? https://blog.margelo.com/whats-new-in-visioncamera-v5 Testing OpenGraph on localhost from the CLI before you go public https://simonhartcher.com/posts/2026-04-15-testing-opengraph-on-localhost-from-the-cli/ 🇮🇱🇮🇱🇮🇱🇮🇱חג עצמאות שמח 🇮🇱🇮🇱🇮🇱🇮🇱 --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Multi-stroke text effect in CSS https://yuanchuan.dev/multi-stroke-text-effect-in-css Squash and Stretch https://www.joshwcomeau.com/animation/squash-and-stretch/ Under the hood of MDN's new frontend https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/ SVG Filters Guide: Getting Started with the Basics https://frontendmasters.com/blog/svg-filters-guide-getting-started-with-the-basics/

Node Weekly node build: enable Temporal by default https://github.com/nodejs/node/pull/61806 Node.js 24.15.0 (LTS) https://nodejs.org/en/blog/release/v24.15.0 NPM Security best practices https://cheatsheetseries.owasp.org/cheatsheets/NPM_Security_Cheat_Sheet.html Uses for nested promises https://blog.jcoglan.com/2026/03/23/uses-for-nested-promises/ pompelmi v1.2.0 https://pompelmi.app/ The Industry's Most Versatile Office Parser https://officeparser.harshankur.com/ Tiny ML & statistics library for JS — 16 algorithms in ~56KB gzipped. Rust/WASM, zero dependencies. https://github.com/AdamPerlinski/micro-ml High-level audio manipulations https://github.com/audiojs/audio This package allows you to retrieve precise information about active and open windows on Windows, MacOS, and Linux. https://github.com/miniben-90/x-win --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Introducing a new spam policy for "back button hijacking" https://developers.google.com/search/blog/2026/04/back-button-hijacking Under the hood of MDN's new frontend https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/ Agentic Engine Optimization (AEO) https://addyosmani.com/blog/agentic-engine-optimization/ SVG Filters Guide: Getting Started with the Basics https://frontendmasters.com/blog/svg-filters-guide-getting-started-with-the-basics/ Squash and Stretch https://www.joshwcomeau.com/animation/squash-and-stretch/ Why AI Sucks At Front End https://nerdy.dev/why-ai-sucks-at-front-end Unicode Variation Selectors https://cssence.com/2026/font-variant-emoji/ Name-only @container queries: A solution to the naming wars https://webkit.org/blog/17923/name-only-container-queries-a-solution-to-the-naming-wars/ The Radio State Machine https://css-tricks.com/the-radio-state-machine/ Container Query Typography Systems https://mattwaler.com/blog/container-query-typography-systems/ The Intl API: The best browser API you're not using https://polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/ Charcuterie: Visually Explore Unicode Characters https://charcuterie.elastiq.ch/ Testing OpenGraph on localhost from the CLI before you go public https://simonhartcher.com/posts/2026-04-15-testing-opengraph-on-localhost-from-the-cli/ Create amazing 2D games for the web — free, open source, and AI-ready. https://phaser.io/ SLITSCANNER: Image and Text Distortion Art Creation Tool https://www.slitscanner.app/ A collection of small, low stakes and low effort tools. https://tools.rmv.fyi/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Under the hood of MDN's new frontend https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/ Create amazing 2D games for the web — free, open source, and AI-ready. https://phaser.io/ Installing every* Firefox extension https://jack.cab/blog/every-firefox-extension Uses for nested promises https://blog.jcoglan.com/2026/03/23/uses-for-nested-promises/ You can't cancel a JavaScript promise (except sometimes you can) https://www.inngest.com/blog/hanging-promises-for-control-flow Parse, Don't Validate — In a Language That Doesn't Want You To https://cekrem.github.io/posts/parse-dont-validate-typescript/ The Intl API: The best browser API you're not using https://polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/ Skeleton screens. Automatically generated. https://boneyard.vercel.app/overview Tiny ML & statistics library for JS — 16 algorithms in ~56KB gzipped. Rust/WASM, zero dependencies. https://github.com/AdamPerlinski/micro-ml ink v7.0.0 https://github.com/vadimdemedes/ink/releases/tag/v7.0.0 Portable implementation of Web audio API https://github.com/audiojs/web-audio-api Syncpack: Consistent Dependency Versions in Large JS Monorepos https://syncpack.dev/ 💩🚀 Windows 95 in Electron. Runs on macOS, Linux, and Windows. https://github.com/felixrieseberg/windows95 The uphill climb of making diff lines performant https://github.blog/engineering/architecture-optimization/the-uphill-climb-of-making-diff-lines-performant/ TanStack Start: A Client First Web Framework - Tanner Linsley https://www.youtube.com/watch?v=8XGcc-FRPuo --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Inverted themes with light-dark() https://daverupert.com/2026/04/inverted-light-dark/ Let’s Get Puzzled! https://frontendmasters.com/blog/creating-puzzle-peices-in-css/ Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions. https://www.bram.us/2026/04/02/view-transitions-toolkit/ CSS subgrid is super good https://csswizardry.com/2026/03/when-all-you-can-do-is-all-or-nothing-do-nothing/ When All You Can Do Is All or Nothing, Do Nothing https://csswizardry.com/2026/03/when-all-you-can-do-is-all-or-nothing-do-nothing/

Node Weekly Post Mortem: axios npm supply chain compromise https://github.com/axios/axios/issues/10636 You can't cancel a JavaScript promise (except sometimes you can) https://www.inngest.com/blog/hanging-promises-for-control-flow Security Bug Bounty Program Paused Due to Loss of Funding https://nodejs.org/en/blog/announcements/discontinuing-security-bug-bounties tsdown Can Now Generate Executable Files for Node Apps https://tsdown.dev/options/exe Portable implementation of Web audio API https://github.com/audiojs/web-audio-api The Smallest English TTS Model with only 1M parameters https://github.com/tronghieuit/tiny-tts Marked Documentation https://marked.js.org/ grammY -The Telegram Bot Framework. https://grammy.dev/ a unix-like du command line tool to count token usage per files and directories https://github.com/lirantal/tokenu/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions. https://www.bram.us/2026/04/02/view-transitions-toolkit/ Announcing JetStream 3.0 https://browserbench.org/announcements/jetstream3/ How To Use Standard HTML Video & Audio Lazy-Loading on the Web Today https://engineering.squarespace.com/blog/2026/how-to-use-standard-html-video-and-audio-lazy-loading-on-the-web-today The WebAIM Million https://webaim.org/projects/million/ Alternatives to the !important Keyword https://css-tricks.com/alternatives-to-the-important-keyword/ CSS subgrid is super good https://dbushell.com/2026/04/02/css-subgrid-is-super-good/ Email address obfuscation: What works in 2026? https://spencermortensen.com/articles/email-obfuscation/ What To Know in JavaScript (2026 Edition) https://frontendmasters.com/blog/what-to-know-in-javascript-2026-edition/ Name-Only Containers: The Scoping We Needed https://frontendmasters.com/blog/name-only-containers-the-scoping-we-needed/ Looking at New CSS Multi-Column Layout Wrapping Features https://css-tricks.com/css-multi-column-layout-wrapping-features/ physics engine for javascript, built for games, simulations, and creative websites https://github.com/isaac-mason/crashcat This is not a component library. This is your component library https://bearnie.dev/ Dither Image Online https://ditherimage.online/ animated page transition for major ssr frameworks and browsers, including Safari https://github.com/meursyphus/ssgoi Unleash your ideas with ASCII https://monosketch.io/ Wiretext: A Unicode Wireframe Design Tool https://wiretext.app/ --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly JSIR: A High-Level IR for JavaScript https://discourse.llvm.org/t/rfc-jsir-a-high-level-ir-for-javascript/90456 https://github.com/xdevplatform/xdk-typescript What To Know in JavaScript (2026 Edition) https://frontendmasters.com/blog/what-to-know-in-javascript-2026-edition/ Minimum Release Age is an Underrated Supply Chain Defense https://daniakash.com/posts/simplest-supply-chain-defense/ TanStack Start: A Client First Web Framework - Tanner Linsley https://www.youtube.com/watch?v=8XGcc-FRPuo Burnout Is Real for Open Source Maintainers: A Conversation with John-David Dalton, Creator of Lodash https://openjsf.org/blog/burnout-is-real-for-open-source-maintainers The Great CSS Expansion https://blog.gitbutler.com/the-great-css-expansion Lightweight fuzzy-search library, with zero dependencies. https://www.fusejs.io/ Announcing Babylon.js 9.0 https://blogs.windows.com/windowsdeveloper/2026/03/26/announcing-babylon-js-9-0/ Marked Documentation https://marked.js.org/ tinybase v8-1 https://tinybase.org/guides/releases/#v8-1 TypeScript repo for the XDK auto-generated code. https://github.com/xdevplatform/xdk-typescript --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly

Front-End Front Top Stories What Is CSS Containment and How Can I Use It? https://csswizardry.com/2026/04/what-is-css-containment-and-how-can-i-use-it/ What To Know in JavaScript (2026 Edition) https://frontendmasters.com/blog/what-to-know-in-javascript-2026-edition/ Your options for preloading images with JavaScript https://macarthur.me/posts/preloading-images/ css-or-bs https://www.keithcirkel.co.uk/css-or-bs/ You probably don't need to lift state https://allthingssmitty.com/2026/03/30/you-probably-dont-need-to-lift-that-state/