The weekly

Front-End Front Top Stories Why does target="_blank" have an underscore in front? https://kyrylo.org/html/2024/10/25/why-does-target-blank-have-an-underscore-in-front.html Intent to Experiment for Longer https://blog.kizu.dev/intent-to-experiment-for-longer/ How to Use attr() in CSS for Columns, Colors, and Font-Size https://frontendmasters.com/blog/how-to-use-attr-in-css-for-columns-colors-and-font-size/ Toe Dipping Into View Transitions https://css-tricks.com/toe-dipping-into-view-transitions/ Better Anchor Positioning with position-area https://www.oddbird.net/2025/02/25/anchor-position-area/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Comparing local large language models for alt-text generation https://dri.es/comparing-local-llms-for-alt-text-generation The web on mobile https://adactio.com/journal/21728 Reimagining Fluid Typography https://www.oddbird.net/2025/02/12/fluid-type/ A Million Little Secrets https://www.joshwcomeau.com/blog/whimsical-animations/ How to Use attr() in CSS for Columns, Colors, and Font-Size https://frontendmasters.com/blog/how-to-use-attr-in-css-for-columns-colors-and-font-size/ Intent to Experiment for Longer https://blog.kizu.dev/intent-to-experiment-for-longer/ Rethinking Find-in-Page Accessibility: Making Hidden Text Work for Everyone https://schepp.dev/posts/rethinking-find-in-page-accessibility-making-hidden-text-work-for-everyone/ Better Anchor Positioning with position-area https://www.oddbird.net/2025/02/25/anchor-position-area/ This page is under construction https://localghost.dev/blog/this-page-is-under-construction/ Why I Like Designing in the Browser https://cloudfour.com/thinks/why-i-like-designing-in-the-browser/ SuperMarquee: A Modern Marquee Component https://www.superplug.in/supermarquee Create GPU-rendered Svelte components https://github.com/sockmaster27/svader Run, compare, and share JavaScript benchmarks in your browser. https://benchjs.com/ Accessible Color Palette Generator https://thisisfranciswu.com/enterprise-ui-palette-generator/# Tailwind Grid Generator https://oxbowui.com/free-tools/tailwind-css-grid-generator package that shortens strings like Finder on Mac does https://github.com/codepo8/trimMiddle ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Subverting control with weak references https://jlongster.com/subverting-control-weak-refs Node v23.8.0 (Current) https://nodejs.org/en/blog/release/v23.8.0 Migrating 160,000 Lines of Production Banking JavaScript to TypeScript with Zero Downtime https://benhowdle.im/migrating-js-to-ts-zero-downtime.html Demo: implementing a Node.js CLI app directly in TypeScript https://2ality.com/2025/02/nodejs-type-stripping-demo.html TypeScript 5.8 Ships --erasableSyntaxOnly To Disable Enums https://www.totaltypescript.com/erasable-syntax-only Simple Interactive CLI App with Node.js https://www.robinwieruch.de/node-js-cli/ Advanced fetch client builder https://github.com/L-Blondy/up-fetch The TypeScript Agent Framework https://mastra.ai/ Native opus bindings for node https://github.com/discordjs/opus A TypeScript chess library for chess move generation/validation, piece placement/movement, and check/checkmate/draw detection https://github.com/jhlywa/chess.js Cross-site Scripting (XSS) https://security.snyk.io/vuln/SNYK-JS-GHTML-7244619 Squatting npm for Remote Code Execution https://www.alxndrsn.com/2024-08-01-npx-binary-confusion/ Breaking down the Node.js sandbox bypass CVE-2023-30587 https://blog.pixee.ai/breaking-down-the-nodejs-sandbox-bypass-cve-2023-30587 NPM Ignore Scripts Best Practices as Security Mitigation for Malicious Packages https://www.nodejs-security.com/blog/npm-ignore-scripts-best-practices-as-security-mitigation-for-malicious-packages ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Reimagining Fluid Typography https://www.oddbird.net/2025/02/12/fluid-type/ Faux Containers in CSS Grids https://cloudfour.com/thinks/faux-containers-in-css-grids/ CSS @function + CSS if() = 🤯 https://www.bram.us/2025/02/18/css-at-function-and-css-if/ Decoding CSS Selectors: :has(:not) vs :not(:has) https://polypane.app/blog/decoding-css-selectors-has-not-vs-not-has/ Using the step and pattern attributes to make number inputs more useful https://piccalil.li/blog/using-the-step-and-pattern-attributes-to-make-number-inputs-more-useful/ Interop 2025: another year of web platform improvements https://web.dev/blog/interop-2025 ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly TC39 Advances 3 Proposals to Stage 4: RegExp Escaping, Float16Array, and Redeclarable global eval vars https://socket.dev/blog/tc39-advances-3-proposals-to-stage-4-regexp-escaping-float16array-and-redeclarable-global-eval Deno 2.2: OpenTelemetry, Lint Plugins, node:sqlite https://deno.com/blog/v2.2 Announcing Interop 2025 https://webkit.org/blog/16458/announcing-interop-2025/ ESLint now officially supports linting of CSS https://eslint.org/blog/2025/02/eslint-css-support/ React Native 0.78 - React 19 and more https://reactnative.dev/blog/2025/02/19/react-native-0.78 Do Lake Names Reflect Their Properties? https://ivanludvig.dev/tech/lake-colors Sunsetting Create React App https://react.dev/blog/2025/02/14/sunsetting-create-react-app TypeScript 5.8 Ships --erasableSyntaxOnly To Disable Enums https://www.totaltypescript.com/erasable-syntax-only The TypeScript Agent Framework https://mastra.ai/ Advanced fetch client builder https://github.com/L-Blondy/up-fetch Client-side JavaScript PDF generation for everyone. https://github.com/parallax/jsPDF A powerful Heat Map and Chart. With tons of settings, Heat.js can be tailored to suit your every need. Lightweight. https://www.william-troup.com/heat-js/ Apply a pinch-and-zoom experience that’s feels native, communicates the transform reactively and lets you project any layer on top of the transformed canvas. https://github.com/ElyaConrad/zoompinch Stale-while-revalidate data fetching for Vue https://github.com/Kong/swrv Javascript export to Excel https://github.com/jmaister/excellentexport 1KB Frontend Library https://dev.to/fedia/1kb-frontend-library-5ef1? Vento - a new templating engine for Deno https://vento.js.org/ Inspire Creativity in Modern Web Development https://modernjs.dev/en OpenAuth Universal, standards-based auth provider. https://openauth.js.org/ Move on to ESM-only https://antfu.me/posts/move-on-to-esm-only Preact Signals, why it matters https://www.jovidecroock.com/blog/signals/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Launching Interop 2025 https://hacks.mozilla.org/2025/02/interop-2025/ Three Approaches to the “&” (ampersand) Selector in CSS https://frontendmasters.com/blog/three-approaches-to-the-ampersand-selector-in-css/ Learning web extensions https://chenhuijing.com/blog/learning-web-extensions/#%F0%9F%A6%8A Testing 10 JavaScript Frameworks on Their HTML Defaults https://meiert.com/en/blog/javascript-framework-html-defaults/ Decoding CSS Selectors: :has(:not) vs :not(:has) https://polypane.app/blog/decoding-css-selectors-has-not-vs-not-has/ The attr() function in CSS now supports types https://www.amitmerchant.com/attr-function-types-css/ How I Migrated from WordPress to Astro https://itsthatlady.dev/blog/migrate-from-wordpress-to-astro/ Style-observer: JS to observe CSS property changes, for reals https://lea.verou.me/blog/2025/style-observer/ Useful layouts for Tailwind CSS https://layoutsfortailwind.lalokalabs.dev/ A powerful Heat Map and Chart. With tons of settings, Heat.js can be tailored to suit your every need. Lightweight. https://www.william-troup.com/heat-js/ ↯ Snap page when user stops scrolling, with a customizable configuration and a consistent cross browser behaviour https://github.com/lucafalasco/scroll-snap Merge Tailwind CSS classes without style conflicts https://github.com/dcastil/tailwind-merge dash.js 5.0: JS Implementation of MPEG DASH Playback for Browsers https://dashif.org/dash.js/ 🎼 ts-audio is an agnostic library that makes it easy to work with AudioContext and create audio playlists in the browser https://github.com/EvandroLG/ts-audio How to Set WebGL Shader Colors with CSS and JavaScript https://www.nmattia.com/posts/2025-01-29-shader-css-properties/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Dynamic Focus Zoom Effect with CSS @property https://www.jomaendle.com/blog/focus-zoom-at-property Fast & Smooth Third-Party Web Fonts https://scottjehl.com/posts/async-fonts-foit/ Optimizing Images for Web Performance https://frontendmasters.com/blog/optimizing-images-for-web-performance/ Taking RWD To The Extreme https://www.smashingmagazine.com/2025/02/taking-rwd-to-the-extreme/ A Content List With Bulk Actions Using Ancient HTML and Modern CSS https://cloudfour.com/thinks/a-content-list-with-bulk-actions-using-ancient-html-and-modern-css/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Style-observer: JS to observe CSS property changes, for reals https://lea.verou.me/blog/2025/style-observer/ Move on to ESM-only https://antfu.me/posts/move-on-to-esm-only How to build a copy code snippet button and why it matters https://whitep4nth3r.com/blog/how-to-build-a-copy-code-snippet-button/ ECMAScript proposal: RegExp escaping https://2ality.com/2025/01/regexp-escape.html How to start a React Project [2025] https://www.robinwieruch.de/react-starter/ Learning web extensions https://chenhuijing.com/blog/learning-web-extensions/#%F0%9F%9A%B2 Testing 10 JavaScript Frameworks on Their HTML Defaults https://meiert.com/en/blog/javascript-framework-html-defaults/ A JavaScript library for building parsers, interpreters, compilers, and more. https://ohmjs.org/ Human-friendly regular expression builder with English-like syntax. https://github.com/rajibola/human-regex Create GPU-rendered Svelte components https://github.com/sockmaster27/svader Consistent Web Workers in browser and Node. https://github.com/developit/web-worker The React data-table I always wanted https://www.openstatus.dev/blog/data-table-redesign monaspace v1.200 https://github.com/githubnext/monaspace Build Your First MCP Tool in Cursor in Just 2 Minutes https://egghead.io/build-your-first-mcp-tool-in-cursor-in-just-2-minutes~i8kyo state of react https://2024.stateofreact.com/en-US Why I rebuilt ProseMirror’s renderer in React https://smoores.dev/post/why_i_rebuilt_prosemirror_view/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Taking RWD To The Extreme https://www.smashingmagazine.com/2025/02/taking-rwd-to-the-extreme/ The European Accessibility Act for websites and apps https://martijnhols.nl/blog/the-european-accessibility-act-for-websites-and-apps How I Created A Popular WordPress Theme And Coined The Term “Hero Section” (Without Realizing It) https://www.smashingmagazine.com/2025/02/popular-wordpress-theme-term-hero-section/ The Popover API is now Baseline Newly available https://web.dev/blog/popover-baseline Which rich text editor framework should you choose in 2025? https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025 Transitioning Top-Layer Entries And The Display Property In CSS https://www.smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css/ CSS nesting: use with caution https://piccalil.li/blog/css-nesting-use-with-caution/ How to Create Wavy Boxes Using CSS https://verpex.com/blog/website-tips/how-to-create-wavy-boxes-using-css Flexbox Labs https://flexboxlabs.netlify.app/ A Web Component to share web pages using the native OS sharing options https://github.com/daviddarnes/share-button A minimal, accessible and SEO-friendly Astro blog theme https://github.com/satnaing/astro-paper Visprex: An Online Tool to Visualize CSV Files https://www.visprex.com/ PostSpark: Customize and Beautify Website & Code Screenshots https://postspark.app/ Define field names and select data types to suit your needs https://fakedata-mu.vercel.app/ The 70% problem: Hard truths about AI-assisted coding https://addyo.substack.com/p/the-70-problem-hard-truths-about ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node weekly Tutorial: publishing ESM-based npm packages with TypeScript https://2ality.com/2025/02/typescript-esm-packages.html Node v22.14.0 (LTS) https://nodejs.org/en/blog/release/v22.14.0 Move on to ESM-only https://antfu.me/posts/move-on-to-esm-only Node v20.18.3 (LTS) https://nodejs.org/en/blog/release/v20.18.3 Like require-in-the-middle, but for ESM import https://github.com/nodejs/import-in-the-middle 🐉 An experimental node.js FFI library https://github.com/just-js/ffast Human-friendly regular expression builder with English-like syntax. https://github.com/rajibola/human-regex Organize your authorization logic with full type-safety. https://github.com/fatihky/pundit-ts Consistent Web Workers in browser and Node. https://github.com/developit/web-worker pnpm 10.3 Latest https://github.com/pnpm/pnpm/releases/tag/v10.3.0 ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories HTML & CSS for a One-Time Password Input https://frontendmasters.com/blog/html-css-for-a-one-time-password-input/ Container Queries Unleashed https://www.joshwcomeau.com/css/container-queries-unleashed/ How to Favicon in 2025: Three files that fit most needs https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs CSS nesting: use with caution https://piccalil.li/blog/css-nesting-use-with-caution/ Pure CSS Mixin for Displaying Values of Custom Properties https://kizu.dev/preview-mixin/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus How I learned to code with my voice https://whitep4nth3r.com/blog/how-i-learned-to-code-with-my-voice/ The Mistakes of CSS https://css-tricks.com/the-mistakes-of-css/ Kanye's weird new website https://www.youtube.com/watch?v=9eQttdhKMBU Page bloat update: How does ever-increasing page size affect your business and your users? https://www.speedcurve.com/blog/page-bloat-2025/ Creating an Angled Slider https://frontendmasters.com/blog/creating-an-angled-slider/ How to Favicon in 2025: Three files that fit most needs https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs Avoid Multiple Page Redirects: How Redirects Impact Page Speed https://www.debugbear.com/blog/avoid-multiple-page-redirects Pure CSS Mixin for Displaying Values of Custom Properties https://kizu.dev/preview-mixin/ Scroll state queries are on the way! (and a bunch more) https://www.youtube.com/watch?v=mRMLN6RU1FU waveform-renderer https://waveform-renderer.vercel.app/ Plotly JavaScript Open Source Graphing Library https://plotly.com/javascript/ simple gradient generator https://mistic100.github.io/tinygradient/ Smooth squircle corners for HTML elements https://somonoco.com/ Tabler v1.0.0 Is Here! 🎉 Say Hello to Your New Favorite UI Toolkit https://tabler.io/blog/tabler-1.0 CSS Style Console Log https://styleconsolelog.com/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Announcing TypeScript 5.8 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-5-8-beta/ Introducing Mentoss: The fetch mocker https://humanwhocodes.com/blog/2025/01/introducing-mentoss-fetch-mocker/ A common interface for TypeScript validation libraries https://standardschema.dev/ The modern way to write JavaScript servers https://marvinh.dev/blog/modern-way-to-write-javascript-servers/ convert a human readable duration to ms https://github.com/jkroso/parse-duration Node.js dependency tracing utility https://github.com/vercel/nft Detect license usage restrictions in your project! https://github.com/anistark/feluda Generate docx, pptx or xlsx from inside your application with {tags} using Javascript https://docxtemplater.com/ Utility to interact with HTTP status code in Node.js https://github.com/adaltas/node-http-status How to set environment variables in Node.js https://clerk.com/blog/how-to-set-environment-variables-in-nodejs ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Interop 2024 brings more features to Baseline https://web.dev/blog/interop-2024-wrapup?hl=en Transitioning Top-Layer Entries And The Display Property In CSS https://www.smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css/ Revisiting CSS Multi-Column Layout https://css-tricks.com/revisiting-css-multi-column-layout/ Justified Text: Better Than Expected? https://cloudfour.com/thinks/justified-text-better-than-expected/ Only One <details> Open At a Time https://osvaldas.info/only-one-details-open-at-a-time/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Things people get wrong about Electron https://felixrieseberg.com/things-people-get-wrong-about-electron/ A common interface for TypeScript validation libraries https://standardschema.dev/ A WebAssembly compiler that fits in a tweet https://wasmgroundup.com/blog/wasm-compiler-in-a-tweet/ Announcing TypeScript 5.8 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-5-8-beta/ The modern way to write JavaScript servers https://marvinh.dev/blog/modern-way-to-write-javascript-servers/ Introducing Mentoss: The fetch mocker https://humanwhocodes.com/blog/2025/01/introducing-mentoss-fetch-mocker/ The Hidden Complexity of Scaling WebSockets https://composehq.com/blog/scaling-websockets-1-23-25 Powerful Word,Powerpoint and Excel generation https://docxtemplater.com/ Plotly JavaScript Open Source Graphing Library https://plotly.com/javascript/ Simple and modern async event emitter https://github.com/sindresorhus/emittery Effortlessly visualize JSON structures as dynamic tree diagrams https://github.com/xzitlou/jsontr.ee Ultra-Lightweight Durable Execution in TypeScript https://github.com/dbos-inc/dbos-transact-ts The Javascript document scanning library. https://github.com/puffinsoft/jscanify An open source buildless React web application framework for Deno. https://ruck.tech/ why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. https://github.com/welldone-software/why-did-you-render Why I Won’t Use JSDOM https://www.epicweb.dev/why-i-won-t-use-jsdom Javascript's New Pipeline Operator Is Awesome! https://www.youtube.com/watch?v=k4xuEl6TmT4 ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Tailwind CSS v4.0 https://tailwindcss.com/blog/tailwindcss-v4 Interop 2024 brings more features to Baseline https://web.dev/blog/interop-2024-wrapup?hl=en Revisiting CSS Multi-Column Layout https://css-tricks.com/revisiting-css-multi-column-layout/ Build for the Web, Build on the Web, Build with the Web https://csswizardry.com/2025/01/build-for-the-web-build-on-the-web-build-with-the-web/ Considerations for making a tree view component accessible https://github.blog/engineering/user-experience/considerations-for-making-a-tree-view-component-accessible/ So, you want to push a web platform feature? https://blog.yoav.ws/posts/so_you_want_to_push_a_web_platform_feature/ Some Things You Might Not Know About Custom Counter Styles https://css-tricks.com/some-things-you-might-not-know-about-custom-counter-styles/ The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting https://nooshu.com/blog/2025/01/23/the-speed-trifecta-11ty-brotli-11-and-css-fingerprinting/ Running inference in web extensions https://blog.mozilla.org/en/mozilla/ai/ai-tech/running-inference-in-web-extensions/ Positioning Text Around Elements With CSS Offset https://css-tricks.com/positioning-text-around-elements-with-css-offset/ Squish - Batch Browser-based Image Compression https://github.com/addyosmani/squish Unpic 1.0 https://unpic.pics/blog/unpic-1/ async alternatives to browser alert() and prompt() and confirm() https://github.com/simonw/prompts-js Meet Blendy, a framework-agnostic tool that smoothly transitions one element into another with just a few lines of code. https://blendy.tahazsh.com/ ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly My failed attempt to shrink all npm packages by 5% https://evanhahn.com/my-failed-attempt-to-shrink-all-npm-packages-by-5-percent/ Things people get wrong about Electron https://felixrieseberg.com/things-people-get-wrong-about-electron/ Tuesday, January 21, 2025 Security Releases https://nodejs.org/en/blog/vulnerability/january-2025-security-releases Troubles with multipart form data and fetch in Node.js https://philna.sh/blog/2025/01/14/troubles-with-multipart-form-data-fetch-node-js/ How I Open-Sourced My Secret Access Tokens from GitHub, Slack, and NPM — and Who Actually Cares https://adminforth.dev/blog/how-i-opensourced-my-secret-tokens/ DBOS Transact: A Lightweight Durable Execution Library Built on Postgres https://github.com/dbos-inc/dbos-transact-ts Bun 1.2 https://bun.sh/blog/bun-v1.2 Node canvas is a Cairo backed Canvas implementation for NodeJS. https://github.com/Automattic/node-canvas Simple and modern async event emitter https://github.com/sindresorhus/emittery ---------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp:https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Opacify HEX Color In CSS https://osvaldas.info/opacify-hex-color-in-css/ CSS attr() gets an upgrade https://www.bram.us/2025/01/20/css-attr-gets-an-upgrade/ Top Pens of 2024 on CodePen https://codepen.io/2024/popular/pens/ Updates to the customizable select API https://una.im/select-updates/ 6 CSS Snippets Every Front-End Developer Should Know In 2025 https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2025