The weekly

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/

Frontend Focus Small browser demos for the kinds of layout work https://chenglou.me/pretext/ 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/ Your options for preloading images with JavaScript https://macarthur.me/posts/preloading-images/ Applying accessibility fixes with stealth for the greater good https://piccalil.li/blog/applying-accessibility-fixes-with-stealth-for-the-greater-good/ Cookie Consent Management in 2026, Part 1: Overview https://cloudfour.com/thinks/cookie-consent-management-in-2026-part-1-overview/ Magic Link Pitfalls https://etodd.io/2026/03/22/magic-link-pitfalls/ Preserving The Web Is Not The Problem. Losing It Is.

JavaScript Weekly axios Compromised on npm - Malicious Versions Drop Remote Access Trojan https://www.stepsecurity.io/blog/axios-compromised-on-npm-malicious-versions-drop-remote-access-trojan Transformers.js v4 https://github.com/huggingface/transformers.js/releases/tag/4.0.0 Signals, the push-pull based algorithm https://willybrauner.com/journal/signal-the-push-pull-based-algorithm Your options for preloading images with JavaScript https://macarthur.me/posts/preloading-images/ A gentle intro to npm workspaces, with visuals https://wasp.sh/blog/2026/03/25/gentle-intro-npm-workspaces I Decompiled the White House's New App https://blog.thereallo.dev/blog/decompiling-the-white-house-app Building a Scroll-Reactive 3D Gallery with Three.js, Velocity, and Mood-Based Backgrounds https://tympanus.net/codrops/2026/03/09/building-a-scroll-reactive-3d-gallery-with-three-js-velocity-and-mood-based-backgrounds/ Pretext: A Multiline Text Measurement and Layout Library https://simonwillison.net/2026/Mar/29/pretext/ Announcing Knip v6 https://knip.dev/blog/knip-v6 🎨 ArtPlayer.js is a modern and full featured HTML5 video player https://github.com/zhw2590582/ArtPlayer Streaming-First Visualization for React https://semiotic.nteract.io/ Copilot Edited an Ad Into My PR https://notes.zachmanson.com/copilot-edited-an-ad-into-my-pr/ Create guided tours for your apps. Showcase features to new users or explain functionality with interactive walkthroughs. https://react-joyride.com/ Next.js Across Platforms: Adapters, OpenNext, and Our Commitments https://nextjs.org/blog/nextjs-across-platforms Test IDs are an a11y smell https://tkdodo.eu/blog/test-ids-are-an-a11y-smell Storybook MCP for React https://storybook.js.org/blog/storybook-mcp-for-react/ שיהיה חג שמח ושקט לכולם! --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

front-End Front Top Stories The Great CSS Expansion https://blog.gitbutler.com/the-great-css-expansion Sneaky Header Blocker Trick https://www.joshwcomeau.com/css/header-blockers/ Experimenting With Scroll-Driven corner-shape Animations https://css-tricks.com/experimenting-with-scroll-driven-corner-shape-animations/ Image Gallery with Popovers and AIM (Anchor-Interpolated Morph) https://frontendmasters.com/blog/image-gallery-with-popovers-and-aim-anchor-interpolated-morph/ WebKit Features for Safari 26.4 https://webkit.org/blog/17862/webkit-features-for-safari-26-4/

Node Weekly Tuesday, March 24, 2026 Security Releases https://nodejs.org/en/blog/vulnerability/march-2026-security-releases Developing a minimally HashDoS resistant, yet quickly reversible integer hash for V8 https://nodejs.org/en/blog/vulnerability/march-2026-hashdos Where did 400 MiB go? https://frn.sh/pmem/ The Three Pillars of JavaScript Bloat https://43081j.com/2026/03/three-pillars-of-javascript-bloat Announcing Knip v6 https://knip.dev/blog/knip-v6 Knex.js SQL query builder https://knexjs.org/ Develop server-side applications with Vite https://github.com/cyco130/vavite The fast & forgiving HTML and XML parser https://github.com/fb55/htmlparser2

Frontend Focus The Great CSS Expansion https://blog.gitbutler.com/the-great-css-expansion More Easy Light-Dark Mode Switching: light-dark() is about to support images! https://www.bram.us/2026/03/19/more-easy-light-dark-mode-switching-light-dark-is-about-to-support-images/ WebKit Features for Safari 26.4 https://webkit.org/blog/17862/webkit-features-for-safari-26-4/ web-rewind https://www.web-rewind.com/ CSS Refactoring with an AI Safety Net https://danielabaron.me/blog/css-refactoring-with-an-ai-safety-net/ Sneaky Header Blocker Trick https://www.joshwcomeau.com/css/header-blockers/ Highlighting Footnotes https://kittygiraudel.com/2026/03/18/highlighting-footnotes/ The Color System I Wish I Understood Sooner https://theadminbar.com/semantics-and-primitives-color-system/ Experimenting With Scroll-Driven corner-shape Animations https://css-tricks.com/experimenting-with-scroll-driven-corner-shape-animations/ Designing with Claude Code https://www.youtube.com/watch?v=lkKGQVHrXzE SVG favicons that respect theme preference https://pawelgrzybek.com/svg-favicons-that-respect-theme-preference/ Building a Dual-Scene Fluid X-Ray Reveal Effect in Three.js https://tympanus.net/codrops/2026/03/23/building-a-dual-scene-fluid-x-ray-reveal-effect-in-three-js/ New bookmarklet – Structure Revealer https://a11y-tools.com/blog/2026/03/new-bookmarklet-structure-revealer/ SVG, JSX, CDN, or Download https://www.thesvg.org/ The minimalist, zero-config engine for professional documentation. https://docmd.io/ Professional video editing, right in your browser https://tooscut.app/ Simple, tiny library for building Progressive Web Components.| https://elenajs.com/ A collection of small details that make big difference https://detail.design/ Beautiful, fast, and powerful CSS tooling with zero configuration https://csskit.rs/ Visualizes GitHub contribution graphs as Space Shooter! https://github.com/czl9707/gh-space-shooter --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Announcing TypeScript 6.0 https://devblogs.microsoft.com/typescript/announcing-typescript-6-0/ Next.js 16.2 https://nextjs.org/blog/next-16-2 storybook v10.3.0 https://github.com/storybookjs/storybook/releases/tag/v10.3.0 The Three Pillars of JavaScript Bloat https://43081j.com/2026/03/three-pillars-of-javascript-bloat Rewriting our Rust WASM Parser in TypeScript https://www.openui.com/blog/rust-wasm-parser React SSR Framework Showdown: TanStack Start, React Router, and Next.js Under Load https://blog.platformatic.dev/react-ssr-framework-benchmark-tanstack-start-react-router-nextjs Two React Design Choices Developers Don’t Like—But Can’t Avoid https://dev.to/playfulprogramming/two-react-design-choices-developers-dont-like-but-cant-avoid-d6g pnpm 11 Beta 0 https://github.com/pnpm/pnpm/releases/tag/v11.0.0-beta.0 Edge.js: Running Node apps inside a WebAssembly Sandbox https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox The first UI framework for the agentic era https://arrow-js.com/ Super lightweight syntax highlighter https://sugar-high.vercel.app/ How VS Code Builds with AI https://code.visualstudio.com/blogs/2026/03/13/how-VS-Code-Builds-with-AI Less code, more power: Why we rolled our own React Server Components framework https://www.aha.io/engineering/articles/why-we-rolled-our-own-rsc-framework 5x SSR Throughput: Profiling SSR Hot Paths in TanStack Start https://tanstack.com/blog/tanstack-start-5x-ssr-throughput The drag and drop library that finally works on React Native. https://reanimated-dnd-docs.vercel.app/ Supercharge Your Data Grid. https://rv-grid.com/ 15 TypeScript Config Settings You Need To Use https://www.youtube.com/watch?v=35cESnxXH6o --------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S