The weekly

Frontend Focus CSS conditionals with the new if() function https://developer.chrome.com/blog/if-article We studied 100 dev tool landing pages—here’s what really works in 2025 https://evilmartians.com/chronicles/we-studied-100-devtool-landing-pages-here-is-what-actually-works-in-2025 CSS Intelligence: Speculating On The Future Of A Smarter Language https://www.smashingmagazine.com/2025/07/css-intelligence-speculating-future-smarter-language/ What is popover=hint? https://una.im/popover-hint/ Better CSS Shapes Using shape() — Part 4: Close and Move https://css-tricks.com/better-css-shapes-using-shape-part-4-close-and-move/ How To Create Kinetic Image Animations with React-Three-Fiber https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/ A web component to add line numbers next to various HTML elements https://github.com/zachleat/line-numbers Monorail turns any CSS keyframe animation into an interactive graph. https://muffinman.io/monorail/ SnapDOM demo gallery https://zumerlab.github.io/snapdom/ Transform Your Vectors in a New Dimension https://www.vecto3d.xyz/ Convert CSS Gradient to Tailwind CSS https://www.fronti.tech/ Every tool you need to work with URL conversions in one place https://www.urltoany.com/ *New - Hebrew AI summarize (site in progress)* https://link-beacon-archive.lovable.app/post/cf762f36-8769-4225-8983-1f2fbe7e3cd1 ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Repair invalid JSON documents https://github.com/josdejong/jsonrepair JavaScript string slice() considered harmful https://attio.com/engineering/blog/javascript-string-slice-considered-harmful Build Your Own Color Search Engine https://lui.ie/guides/semantic-search-colors Build your first MCP Server: Tutorial for Beginners. https://www.youtube.com/watch?v=egVm_z1nnnQ Opensource IDE For Exploring and Testing API's (lightweight alternative to Postman/Insomnia) https://github.com/usebruno/bruno Fast and small Node.js worker_threads and cluster worker pool https://github.com/poolifier/poolifier grammY The Telegram Bot Framework. https://grammy.dev/ 🔥 single-command flamegraph profiling 🔥 https://github.com/davidmarkclements/0x *New - Hebrew AI summarize (site in progress)* https://link-beacon-archive.lovable.app/post/d77b49d9-c1d4-4664-92da-a34268b49b0e ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Lightning CSS https://piccalil.li/links/lightning-css/ Poking at the CSS if() Function a Little More: Conditional Color Theming https://css-tricks.com/poking-at-the-css-if-function-a-little-more-conditional-color-theming/ Default parameters: your code just got smarter https://allthingssmitty.com/2025/06/29/default-parameters-your-code-just-got-smarter/ Quantity Query Carousel https://frontendmasters.com/blog/quantity-query-carousel/ The Gap Strikes Back: Now Stylable https://css-tricks.com/the-gap-strikes-back-now-stylable/ ***New - Hebrew AI summarize*** https://notebooklm.google.com/notebook/3ceaa3af-0b4a-42a9-a9b2-595d2e369483/audio ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

https://notebooklm.google.com/notebook/3e82699b-e184-4fe4-a2b4-e280c8d95b48/audio סיכום קולי בעברית

JavaScript Weekly Deno 2.4: deno bundle is back https://deno.com/blog/v2.4 What's new in ECMAScript 2025 https://pawelgrzybek.com/whats-new-in-ecmascript-2025/ Build Your Own Color Search Engine https://lui.ie/guides/semantic-search-colors Building a Lightweight Reactive State Manager with JavaScript Proxies https://www.lorenstew.art/blog/reactive-state-manager-with-proxies A Perplexing Javascript Parsing Puzzle https://www.hillelwayne.com/post/javascript-puzzle/ Modern Node.js Patterns for 2025 https://kashw1n.com/blog/nodejs-2025/ A plugin driven framework to build WYSIWYG Markdown editor. https://milkdown.dev/ Pack your codebase into AI-friendly formats https://repomix.com/ SnapDOM demo gallery https://zumerlab.github.io/snapdom/ A <TimePickerInput /> component built with React and Shadcn UI. https://time.openstatus.dev/ Spectral.js is a paint like color mixing library utilizing the Kubelka-Munk theory. https://github.com/rvanwijnen/spectral.js React Still Feels Insane And No One Is Talking About It https://mbrizic.com/blog/react-is-insane/ Vercel Ship 2025 recap https://vercel.com/blog/vercel-ship-2025-recap Implementing Temporal, the new date/time API for JavaScript (and Rust!) https://boajs.dev/blog/2025/06/15/temporal-impl-1 ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus The Gap Strikes Back: Now Stylable https://css-tricks.com/the-gap-strikes-back-now-stylable/ CSS Color Functions https://css-tricks.com/css-color-functions/ Introducing pay per crawl: enabling content owners to charge AI crawlers for access https://blog.cloudflare.com/introducing-pay-per-crawl/ PNG is back! https://www.programmax.net/articles/png-is-back/ Understanding CSS corner-shape and the Power of the Superellipse https://frontendmasters.com/blog/understanding-css-corner-shape-and-the-power-of-the-superellipse/ CSS Blob Recipes https://css-tricks.com/css-blob-recipes/ Custom Select (that comes up from the bottom on mobile) https://frontendmasters.com/blog/custom-select-that-comes-up-from-the-bottom-on-mobile/ You're Overthinking Web Components https://www.sanfordtech.xyz/posts/youre-overthinking-web-components/ A step into the spatial web: The HTML model element in Apple Vision Pro https://webkit.org/blog/17118/a-step-into-the-spatial-web-the-html-model-element-in-apple-vision-pro/ HTML Form Inspector https://polypane.app/form-inspector/ SVG to CSS Shape Converter https://css-generators.com/svg-to-css/ A simple gif animation app for the web https://www.fliiipbook.com/ The smartest way to edit URL parameters in Chrome. Automatically detects parameter types and provides the perfect input for each one. https://params-editor.isolpro.in/ The anti-framework static site generator. https://picossg.dev/ Display any CSV (comma separated values) file as a searchable, filterable, pretty HTML table https://github.com/derekeder/csv-to-html-table ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Modern Node.js Patterns for 2025 https://kashw1n.com/blog/nodejs-2025/ Node v22.17.0 (LTS) https://nodejs.org/en/blog/release/v22.17.0 Ecma International approves ECMAScript 2025: What’s new? https://2ality.com/2025/06/ecmascript-2025.html Secure your Express application APIs in 5 minutes with Cedar https://aws.amazon.com/blogs/opensource/secure-your-application-apis-in-5-minutes-with-cedar/ Speculative Optimizations for WebAssembly using Deopts and Inlining https://v8.dev/blog/wasm-speculative-optimizations Using Claude Code to build a GitHub Actions workflow https://www.youtube.com/watch?v=VC6dmPcin2E transformers 3.6.0 https://github.com/huggingface/transformers.js/releases/tag/3.6.0 Pack your codebase into AI-friendly formats https://repomix.com/ Marked 16.0: A Fast Markdown Parser and Compiler https://marked.js.org/ A TypeScript server agnostic Whatsapp's Official API framework https://github.com/Secreto31126/whatsapp-api-js ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Lightly Poking at the CSS if() Function in Chrome 137 https://css-tricks.com/lightly-poking-at-the-css-if-function-in-chrome-137/ Color Everything in CSS https://css-tricks.com/color-everything-in-css/ liquid-glass-but-in-css https://atlaspuplabs.com/blog/liquid-glass-but-in-css A guide to Scroll-driven Animations with just CSS https://webkit.org/blog/17101/a-guide-to-scroll-driven-animations-with-just-css/ Understanding CSS corner-shape and the Power of the Superellipse https://frontendmasters.com/blog/understanding-css-corner-shape-and-the-power-of-the-superellipse/ Drawing CSS Shapes using corner-shape https://frontendmasters.com/blog/drawing-css-shapes-using-corner-shape/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Javascript Weekly Ecma International approves ECMAScript 2025: What’s new? https://2ality.com/2025/06/ecmascript-2025.html What's coming to JavaScript https://deno.com/blog/updates-from-tc39 Vite 7.0 is out! https://vite.dev/blog/announcing-vite7.html Tips for making regular expressions easier to use in JavaScript https://2ality.com/2025/06/javascript-regexp-tips.html RSS Server Side Reader https://matklad.github.io/2025/06/26/rssssr.html hono v4.8.0 https://github.com/honojs/hono/releases/tag/v4.8.0 Announcing LogTape 1.0.0 https://hackers.pub/@hongminhee/2025/announcing-logtape-1-0 Gemini CLI: your open-source AI agent https://blog.google/technology/developers/introducing-gemini-cli-open-source-ai-agent/ PLJS - Javascript Language Plugin for PostreSQL https://github.com/plv8/pljs Marked 16.0: A Fast Markdown Parser and Compiler https://marked.js.org/ Vue-Infinity https://tewolde.co/vueInfinity/ An advanced 3D Gaussian Splatting renderer for THREE.js https://sparkjs.dev/ Connect any React application to an MCP server in three lines of code https://blog.cloudflare.com/connect-any-react-application-to-an-mcp-server-in-three-lines-of-code MCP is eating the world—and it's here to stay https://www.stainless.com/blog/mcp-is-eating-the-world-and-its-here-to-stay React Native Mac-OS Desktop AI Chatbot with MCP! https://www.youtube.com/watch?v=Apy672AQb4U Suppressions of Suppressions https://overreacted.io/suppressions-of-suppressions 🚀 Recharts 3 is here! https://github.com/recharts/recharts/releases/tag/v3.0.0 Vercel Ship 2025 https://www.youtube.com/watch?v=EfiKu56xvJk Introducing SST v3 for Modern AWS Serverless Infrastructure https://spin.atomicobject.com/sst-v3-for-aws-serverless/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus A guide to Scroll-driven Animations with just CSS https://webkit.org/blog/17101/a-guide-to-scroll-driven-animations-with-just-css/ A short history of web bots and bot detection techniques https://sinja.io/blog/bot-or-not Astro 5.10 https://astro.build/blog/astro-5100/ See what’s new in Firefox! https://www.mozilla.org/en-US/firefox/140.0/releasenotes/ liquid-glass-but-in-css https://atlaspuplabs.com/blog/liquid-glass-but-in-css Lightly Poking at the CSS if() Function in Chrome 137 https://css-tricks.com/lightly-poking-at-the-css-if-function-in-chrome-137/ Color Everything in CSS https://css-tricks.com/color-everything-in-css/ CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control https://www.smashingmagazine.com/2025/06/css-cascade-layers-bem-utility-classes-specificity-control/ Why JPEGs Still Rule the Web https://spectrum.ieee.org/jpeg-image-format-history A Better API for the Intersection and Mutation Observers https://css-tricks.com/a-better-api-for-the-intersection-and-mutation-observers/ Why visual website builders didn't take off https://www.youtube.com/watch?v=BK_71QjkZmA Create beautiful abstract SVG images for your designs. https://mossaik.app/ A custom element that uses the CSS Custom Highlight API for syntax highlighting https://andreruffert.github.io/syntax-highlight-element/ Connect AI apps to your browser to automate tests and tasks https://browsermcp.io/ Contrast Report https://contrast.report/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node weekly Roadmap to AdonisJS 7 https://adonisjs.com/blog/roadmap-to-adonisjs-7 Worker Threads in Node.js: A Complete Guide for Multithreading in JavaScript https://nodesource.com/blog/worker-threads-nodejs-multithreading-in-javascript Serialization from NodeJS https://adamfaulkner.github.io/serialization_from_nodejs.html Tips for making regular expressions easier to use in JavaScript https://2ality.com/2025/06/javascript-regexp-tips.html SVG Optimizer for Node.js and CLI https://svgo.dev/ Hono v4.8.0 is now available! https://github.com/honojs/hono/releases/tag/v4.8.0 Announcing LogTape 1.0.0 https://hackers.pub/@hongminhee/2025/announcing-logtape-1-0 React Native Mac-OS Desktop AI Chatbot with MCP! https://www.youtube.com/watch?v=Apy672AQb4U ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Drawing CSS Shapes using corner-shape https://frontendmasters.com/blog/drawing-css-shapes-using-corner-shape/ Selfish reasons for building accessible UIs https://nolanlawson.com/2025/06/16/selfish-reasons-for-building-accessible-uis/ How to Keep Up With New CSS Features https://css-tricks.com/how-to-keep-up-with-new-css-features/ A new way to style gaps in CS https://developer.chrome.com/blog/gap-decorations Using await at the top level in ES modules https://allthingssmitty.com/2025/06/16/using-await-at-the-top-level-in-es-modules/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🦁 JavaScript Weekly 🦁🇮🇱🇮🇱 Exploring JavaScript ES2025 Edition https://exploringjs.com/js/ Biome v2—codename: Biotype https://biomejs.dev/blog/biome-v2/ Oliver Medhurst - Compiling JavaScript ahead-of-time https://www.youtube.com/watch?v=RU5N5O-O5Zw How to use Claude Code for beginners https://www.youtube.com/watch?v=U_vwfQBhVSY Using await at the top level in ES modules https://allthingssmitty.com/2025/06/16/using-await-at-the-top-level-in-es-modules/ JavaScript broke the web (and called it progress) https://www.jonoalderson.com/conjecture/javascript-broke-the-web-and-called-it-progress/ How TypeScript solved its global Iterator name clash https://2ality.com/2025/06/typescript-iterator-types.html A custom element that uses the CSS Custom Highlight API for syntax highlighting https://andreruffert.github.io/syntax-highlight-element/ React Native 0.80 - React 19.1, JS API Changes, Freezing Legacy Arch and much more https://reactnative.dev/blog/2025/06/12/react-native-0.80 React Searchable Dropdown TS https://react-searchable-dropdown.netlify.app/ WelsonJS - Build a Windows app on the Windows built-in JavaScript engine https://github.com/gnh1201/welsonjs The State of React and the Community in 2025 https://blog.isquaredsoftware.com/2025/06/react-community-2025 Connect any React application to an MCP server in three lines of code https://blog.cloudflare.com/connect-any-react-application-to-an-mcp-server-in-three-lines-of-code (comic) AI Chronicles: Vibe code https://workchronicles.substack.com/p/comic-ai-chronicles-vibe-code ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🦁 Frontend Focus 🦁🇮🇱🇮🇱 A new way to style gaps in CSS https://developer.chrome.com/blog/gap-decorations You're not a front-end developer until you've... https://www.nicchan.me/blog/youre-not-a-front-end-developer-until-youve/ Payload is joining Figma! https://payloadcms.com/posts/blog/payload-is-joining-figma HTML spec change: escaping < and > in attributes https://developer.chrome.com/blog/escape-attributes Animating zooming using CSS: transform order is important… sometimes https://jakearchibald.com/2025/animating-zooming/ What I Wish Someone Told Me When I Was Getting Into ARIA https://www.smashingmagazine.com/2025/06/what-i-wish-someone-told-me-aria/ Safari at WWDC '25: The Ghost of Christmas Past https://infrequently.org/2025/06/the-ghost-of-christmas-past/ How to Keep Up With New CSS Features https://css-tricks.com/how-to-keep-up-with-new-css-features/ Breaking Boundaries: Building a Tangram Puzzle With (S)CSS https://css-tricks.com/breaking-boundaries-building-a-tangram-puzzle-with-scss/ 1fr 1fr vs auto auto vs 50% 50% https://frontendmasters.com/blog/1fr-1fr-vs-auto-auto-vs-50-50/ The Hamburger-Menu Icon Today: Is it Recognizable? https://www.nngroup.com/articles/hamburger-menu-icon-recognizability/ All-in-one animation engine. https://animejs.com/ 💡 What is Critical CSS? https://critical-css-extractor.kigo.studio/ Utility package for managing Dark Mode on the web https://github.com/Assortment/darkmodejs Color palette generation function using hue cycling and simple easing functions. https://github.com/meodai/rampensau Anchors for Tailwind CSS provides a simple API for working with CSS anchor positioning, enabling flexible, declarative positioning relative to custom anchors. https://github.com/toolwind/anchors ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🦁Node Weekly🦁🇮🇱🇮🇱 Node.js Moves Toward Stable TypeScript Support with Amaro 1.0 https://socket.dev/blog/node-js-moves-toward-stable-typescript-support-with-amaro-1-0 pnpm 10.12 Introduces an Experimental Global Virtual Store https://socket.dev/blog/pnpm-introduces-global-virtual-store-and-expanded-version-catalogs Using await at the Top Level in ES Modules https://allthingssmitty.com/2025/06/16/using-await-at-the-top-level-in-es-modules/ Building an MCP Server with Nx https://nx.dev/blog/building-mcp-server-with-nx Build a Windows app on the Windows built-in JavaScript engine https://github.com/gnh1201/welsonjs Trigger functions or evaluate cron expressions in JavaScript or TypeScript https://croner.56k.guru/ Stop logging into a black hole. Give your logs a beautiful, powerful, and interactive home https://github.com/iamqitmeer/log-vwer ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🦁 Front-End Front Top Stories 🦁🇮🇱🇮🇱 Printing the web: making webpages look good on paper https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/ News from WWDC25: WebKit in Safari 26 beta https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/ Creating dynamic, composable CSS keyframe animations https://www.joshwcomeau.com/animation/partial-keyframes/ Better CSS Shapes Using shape() — Part 3: Curves https://css-tricks.com/better-css-shapes-using-shape-part-3-curves/ 1fr 1fr vs auto auto vs 50% 50% https://frontendmasters.com/blog/1fr-1fr-vs-auto-auto-vs-50-50/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🦁 Front-End Front Top Stories 🦁🇮🇱🇮🇱 Printing the web: making webpages look good on paper https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/ News from WWDC25: WebKit in Safari 26 beta https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/ Creating dynamic, composable CSS keyframe animations https://www.joshwcomeau.com/animation/partial-keyframes/ Better CSS Shapes Using shape() — Part 3: Curves https://css-tricks.com/better-css-shapes-using-shape-part-3-curves/ 1fr 1fr vs auto auto vs 50% 50% https://frontendmasters.com/blog/1fr-1fr-vs-auto-auto-vs-50-50/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

פתחתי קבוצה חדשה שבה תוכלו לדבר על מה שפורסם פה ובכלל להתייעץ https://t.me/+CmJGeuNmkvFhMzFk

בנימה אישית - חורג מהנורמה 🇮🇱 ימים לא פשוטים עוברים על המדינה שלנו, אבל ימים של אין ברירה... מקווה שכולכן.ם בטוחים ומוגנים 🙏 מי שבמילואים, שמרו על עצמכם ועלינו! תוציאו את המייטב מהימים האלו- תלמדו דברים חדשים... תסיחו את הדעת...