The weekly

Node Weekly (most clicked items of the year.) Node v23.4.0 (Current) https://nodejs.org/en/blog/release/v23.4.0 State of Node.js Performance 2024 https://nodesource.com/blog/State-of-Nodejs-Performance-2024 A guide to reading and writing Node.js streams https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams The Nine Node Pillars https://www.platformatichq.com/node-principles 10 modern Node.js runtime features to start using in 2024 https://snyk.io/blog/10-modern-node-js-runtime-features/ Introducing Express v5: A New Era for the Node.js Framework https://expressjs.com/2024/10/15/v5-release.html Describe your data up front and generate schemas, API specifications, client / server code, docs, and more. https://typespec.io/ zx 8.0.0 https://github.com/google/zx/releases/tag/8.0.0 ✅ The Node.js best practices list (July 2024) https://github.com/goldbergyoni/nodebestpractices#readme Announcing AdonisJS v6 https://adonisjs.com/blog/adonisjs-v6-announcement Supply Chain Attack Detected in Solana's web3.js Library https://socket.dev/blog/supply-chain-attack-solana-web3-js-library The Okta bcrypt Security Incident and The Bun vs Node.js Angle in Secure By Design https://www.nodejs-security.com/blog/okta-bcrypt-security-incident-bun-nodejs ------------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories HTTP Archive’s annual state of the web report https://almanac.httparchive.org/en/2024/ CSS Wrapped 2024 https://chrome.dev/css-wrapped-2024/ Yet Another Anchor Positioning Quirk https://css-tricks.com/yet-another-anchor-positioning-quirk/ Responsive Tables & Readable Paragraphs https://frontendmasters.com/blog/responsive-tables-readable-paragraphs/ WebKit Features in Safari 18.2 https://webkit.org/blog/16301/webkit-features-in-safari-18-2/ ------------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Boa release v0.20 https://boajs.dev/blog/2024/12/05/boa-release-020 React 19 is now stable! https://react.dev/blog/2024/12/05/react-19 2024-25 Tech Trends https://www.tikalk.com/radar/ State of Node.js Performance 2024 https://nodesource.com/blog/State-of-Nodejs-Performance-2024 Publishing a simple client-side JavaScript package to npm with GitHub Actions https://til.simonwillison.net/npm/npm-publish-github-actions Build a SolidJS app with Deno https://deno.com/blog/build-solidjs-with-deno simple terminal emulator https://termo.rajnandan.com/ libvips for the browser and Node.js, compiled to WebAssembly with Emscripten. https://github.com/kleisauke/wasm-vips A Programming Language for the New Millenium https://civet.dev/ Rockpack is a lightweight, zero-configuration solution for quickly setting https://alexsergey.github.io/rockpack/ Given some data, jsesc returns the shortest possible stringified & ASCII-safe representation of that data. https://github.com/mathiasbynens/jsesc React Tech Stack [2025] https://www.robinwieruch.de/react-tech-stack/ Next.js 15.1 (support react 19) https://nextjs.org/blog/next-15-1 How React Compiler Performs on Real Code https://www.developerway.com/posts/how-react-compiler-performs-on-real-code Why we switched to Astro (and why it might interest you) https://www.datocms.com/blog/why-we-switched-to-astro Ref Callbacks, React 19 and the Compiler https://tkdodo.eu/blog/ref-callbacks-react-19-and-the-compiler ------------------------- For more- subscribe to the channel Telegram: https://t.me/webWekklyWhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus 🗓️ The 2024 Web Almanac https://almanac.httparchive.org/en/2024/ React 19 is now stable! https://react.dev/blog/2024/12/05/react-19 Pure CSS Halftone Effect in 3 Declarations https://frontendmasters.com/blog/pure-css-halftone-effect-in-3-declarations/ CSS Wrapped 2024 https://chrome.dev/css-wrapped-2024/ 2024-25 Tech Trends https://www.tikalk.com/radar/ Solved By Modern CSS: Feature Image https://ishadeed.com/article/modern-css-feature-image/ Custom dropdowns just got a whole lot easier (finally!) https://www.youtube.com/watch?v=MA9WAHEEfGM My issues with shorthand properties https://www.havardbrynjulfsen.design/writing/thoughts/my-issues-with-shorthand-properties/ What do the State of CSS and HTML surveys tell us? https://web.dev/blog/state-of-css-html-2024?hl=en Using Transformers.js for AI in the Browser https://www.raymondcamden.com/2024/12/03/using-transformersjs-for-ai-in-the-browser Mastering SVG Arcs https://www.smashingmagazine.com/2024/12/mastering-svg-arcs/ Multi-State Buttons https://frontendmasters.com/blog/multi-state-buttons/ Tailwind Gradient Generator https://gradienty.codes/ Roquefort - WebGPU fluid simulator https://github.com/Bercon/roquefort InclusiveColors: A Color Palette Creator for WCAG-Compliant Colors https://www.inclusivecolors.com/ Easily Create Custom Date Formats in Any Programming Language https://codate.io/ Free profile pictures for your designs. https://www.piclooks.com/ VTracer: An Online Tool to Convert Raster Images Into Vector Graphics https://www.visioncortex.org/vtracer/ ------------------------- For more- subscribe to the channel Telegram: https://t.me/webWekklyWhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Node.js Delivers First LTS with require(esm) Enabled, Enhances Security and Release Automation https://socket.dev/blog/node-js-delivers-first-lts-with-require-esm-enabled Node.js Corepack: Version Control for Package Managers https://www.trevorlasn.com/blog/corepack-nodejs Implementing Filtered Semantic Search Using Pgvector and JavaScript https://www.timescale.com/blog/implementing-filtered-semantic-search-using-pgvector-and-javascript-2/ Drizzle Database Migrations https://frontendmasters.com/blog/drizzle-database-migrations/ V8 JavaScript Engine: Let's read the code! https://www.youtube.com/watch?v=0L8_QgI07BM Building an npm create package https://www.alexchantastic.com/building-an-npm-create-package libvips for the browser and Node.js, compiled to WebAssembly with Emscripten. https://github.com/kleisauke/wasm-vips undici v7.1.0 https://github.com/nodejs/undici/releases/tag/v7.1.0 tldts - Blazing Fast URL Parsing https://github.com/remusao/tldts#readme stand-alone coarse geocoder https://github.com/pelias/placeholder qr code generator https://github.com/soldair/node-qrcode ------------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories HTMHell Advent Calendar 2024 https://www.htmhell.dev/adventcalendar/ Knowing CSS is mastery to Frontend Development https://helloanselm.com/writings/knowing-css-is-mastery-to-frontend-development Next-level frosted glass with backdrop-filter https://www.joshwcomeau.com/css/backdrop-filter/ One of Those “Onboarding” UIs, With Anchor Positioning https://css-tricks.com/one-of-those-onboarding-uis-with-anchor-positioning/ Native dual-range input https://muffinman.io/blog/native-dual-range-input/

Frontend Focus A Layered Approach to Speculation Rules https://csswizardry.com/2024/12/a-layered-approach-to-speculation-rules/ Dataviz accessibility principles, demonstrated by the 2024 presidential election dashboards. https://fossheim.io/writing/posts/2024-dataviz-a11y-elections/ The Lowdown on Dropdowns in HTML & CSS https://zeroheight.com/blog/the-lowdown-on-dropdowns-in-html-css/ Frosted Glass from Games to the Web https://www.tyleo.com/html-glass.html Creating An Effective Multistep Form For Better User Experience https://www.smashingmagazine.com/2024/12/creating-effective-multistep-form-better-user-experience/ Starting off right: Where autofocus shines https://htmhell.dev/adventcalendar/2024/2/ Tailwind Colors https://tailscan.com/colors kinesis - Easily create complex interactive animations https://kinesisjs.com/ Find your font paint brushmatch https://www.uifonts.app/ Experience The Magic Of Animated Components. Crafted With Vue, TypeScript, TailwindCss And Vueuse Motion ✨ https://github.com/selemondev/spark-ui Implementing line clamp https://www.youtube.com/watch?v=xrcYPylsb2U A Simple Fix for Your CSS Overflow Problems https://www.youtube.com/watch?v=2WWAEftnzf0 Anchoreum – A game for learning CSS anchor positioning https://anchoreum.com/ For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Skia Canvas 2.0: A Browserless Canvas Environment for Node https://skia-canvas.org/ Prisma 6: Better Performance, More Flexibility & Type-Safe SQL https://www.prisma.io/blog/prisma-6-better-performance-more-flexibility-and-type-safe-sql Inside Bluesky’s Engineering Culture https://newsletter.pragmaticengineer.com/p/bluesky-engineering-culture Building deep-links in Electron application https://www.bigbinary.com/blog/deep-link-electron-app Undici v7 is here https://blog.platformatic.dev/undici-v7-is-here VineJS is a form data validation library for Node.js. You may use it to validate the HTTP request body in your backend applications. https://vinejs.dev/docs/introduction A tiny JavaScript runtime for RP2040 (Raspberry Pi Pico) https://kalumajs.org/ An Elixir API for calling Node.js functions https://github.com/revelrylabs/elixir-nodejs Convert PNG images to embedded JSON with Base64-encoded RGB565 data. https://www.npmjs.com/package/png2embeddedjson Convert patterns from Oniguruma (the regex engine used by Ruby, TextMate grammars, etc.) to native JavaScript RegExp https://github.com/slevithan/oniguruma-to-es ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories The Lowdown on Dropdowns in HTML & CSS https://zeroheight.com/blog/the-lowdown-on-dropdowns-in-html-css/ Solved by CSS: Donuts Scopes https://css-tricks.com/solved-by-css-donuts-scopes/ A Framework for Evaluating Browser Support https://www.joshwcomeau.com/css/browser-support/ Anchoreum – A game for learning CSS anchor positioning https://anchoreum.com/ Anchor Positioning Is Disruptive https://www.oddbird.net/2024/11/18/anchor-position-yearbook/ ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

javascript weekly (short edition this week) React Router v7 https://remix.run/blog/react-router-v7 Vite 6.0 is out! https://vite.dev/blog/announcing-vite6.html Feature-based React Architecture https://www.robinwieruch.de/react-feature-architecture/ Building a Teleprompter App in 30 mins using Vercel v0, Replit & Cursor.AI https://www.youtube.com/watch?v=PbqYgK1xpms Spoiled: A Realistic 'Spoiler' Component https://spoiled.vercel.app/ Medical viewer using DWV (DICOM Web Viewer) and React. https://ivmartel.github.io/dwv-react/ State of JavaScript 2024 https://survey.devographics.com/en-US/survey/state-of-js/2024 ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus A Framework for Evaluating Browser Support https://www.joshwcomeau.com/css/browser-support/ Tailwind CSS v4.0 Beta 1 https://tailwindcss.com/blog/tailwindcss-v4-beta Make creative borders with background-clip border-area https://webkit.org/blog/16214/background-clip-border-area/ Designing (and Evolving) a New Web Performance Score https://csswizardry.com/2024/11/designing-and-evolving-a-new-performance-score/ How browsers REALLY load Web pages — Robin Marx https://www.youtube.com/watch?v=p0lFyPuH8Zs The CSS Reset Contradiction https://www.sitepoint.com/css-reset-contradiction/ Vite 6.0 is out! https://vite.dev/blog/announcing-vite6.html React components to build charts and dashboards https://tremor.so/ Collection of open-source SVG spinners (CSS & SMIL based). https://github.com/shubhamjain/svg-spinners 1500+ free HTML templates https://htmlrev.com/ Diff Text: A Simple Online Diff Checker Tool https://difftext.com/ Hide your precious secrets. Realistic <Spoiler /> component for React, powered by CSS Houdini https://spoiled.vercel.app/ ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Deno v. Oracle: Canceling the JavaScript Trademark https://deno.com/blog/deno-v-oracle Node.js 22 runtime now available in AWS Lambda https://aws.amazon.com/blogs/compute/node-js-22-runtime-now-available-in-aws-lambda/ Exploring JavaScript Symbols https://www.trevorlasn.com/blog/symbols-in-javascript Avoiding False Positives in Node.js Tests https://blog.appsignal.com/2024/11/20/avoiding-false-positives-in-nodejs-tests.html An extensive math library for JavaScript and Node.js https://mathjs.org/ Convert inconsistent country names and codes into ISO 3166-1 alpha-2. https://github.com/nojacko/node-country-to-iso The fastest and simplest library for SQLite3 in Node.js. https://github.com/WiseLibs/better-sqlite3 🔥 single-command flamegraph profiling 🔥 https://github.com/davidmarkclements/0x Crawlee is a web scraping and browser automation library https://crawlee.dev/ DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. https://github.com/cure53/DOMPurify ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories State of JavaScript 2024 https://survey.devographics.com/en-US/survey/state-of-js/2024 Make creative borders with background-clip border-area https://webkit.org/blog/16214/background-clip-border-area/ When is the right time to share our excitement about new web features? https://rachelandrew.co.uk/archives/2024/11/15/when-is-the-right-time-to-share-our-excitement-about-new-web-features/ No Fuss Light/Dark Modes https://frontendmasters.com/blog/no-fuss-light-dark-modes/ CSS Gets a New Logo: And It Uses the Color rebeccapurple https://michaelcharl.es/aubrey/en/code/new-rebeccapurple-css-logo ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Importing a frontend Javascript library without a build system https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/ Meet Angular v19 https://blog.angular.dev/meet-angular-v19-7b29dfd05b84 Exploring JavaScript Symbols https://www.trevorlasn.com/blog/symbols-in-javascript Self-contained Executable Programs with Deno Compile https://deno.com/blog/deno-compile-executable-programs Mapping Over Promises in JavaScript https://www.telerik.com/blogs/mapping-promises-javascript Viselect: Let Users Visually Select DOM Elements https://simonwep.github.io/selection/ ☂️ ESLint plugin for sorting various data such as objects, imports, types, enums, JSX props, etc. https://github.com/azat-io/eslint-plugin-perfectionist React Scan "scans" your React app for problematic renders. It's just JavaScript, so you drop it in anywhere – script tag, npm, you name it! https://react-scan.million.dev/ Its time to ditch Eris and Discord.js https://discordeno.js.org/ A full-featured, hackable Next.js AI chatbot built by Vercel https://github.com/vercel/ai-chatbot A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more https://glidejs.com/ Payload 3.0: The first CMS that installs directly into any Next.js app https://payloadcms.com/blog/payload-30-the-first-cms-that-installs-directly-into-any-nextjs-app Uncontrolled or controlled: A matter of perspective https://buildui.com/posts/uncontrolled-vs-controlled-a-matter-of-perspective Building React Forms with Ease Using React Hook Form, Zod and Shadcn https://wasp-lang.dev/blog/2024/11/20/building-react-forms-with-ease-using-react-hook-form-and-zod “use cache” NextJS’s latest take on data caching https://www.youtube.com/watch?v=ZDRGEewXkrs ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Learn how overflow: clip works in CSS. https://ishadeed.com/article/overflow-clip/ state of html https://2024.stateofhtml.com/en-US Meet Angular v19 https://blog.angular.dev/meet-angular-v19-7b29dfd05b84 Importing a frontend Javascript library without a build system https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/ Alt Text: Not Always Needed https://www.nngroup.com/articles/alt-text-usability/ Creating an ASCII Shader Using OGL https://tympanus.net/codrops/2024/11/13/creating-an-ascii-shader-using-ogl/ Nerd Show and Tell: Meet Zach Leatherman https://www.podcastawesome.com/2092855/episodes/16065652-nerd-show-and-tell-meet-zach-leatherman Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font, https://wangchujiang.com/svgtofont/ lite-youtube Web Component v1.6 Released https://justinribeiro.com/chronicle/2024/11/15/lite-youtube-web-component-v1.6-released/ Powerful while effortless Markup-driven and Extendable forms. https://smarkform.bitifet.net/ Coding Font: A 'Game' to Find Your New Favorite Code Font https://www.codingfont.com/ Universal Icon Library https://github.com/oktaysenkan/monicon/ ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly AWS Lambda turns ten – looking back and looking ahead https://aws.amazon.com/blogs/aws/aws-lambda-turns-ten-the-first-decade-of-serverless-innovation/ If GitHub Gists could run And AWS Lambda was fun https://www.val.town/ Node v18.20.5 (LTS) https://nodejs.org/en/blog/release/v18.20.5 Talk to ChatGPT on a Phone Call https://www.assemblyai.com/blog/talk-to-chatgpt-on-a-phone-call/ Discover detailed information about npm packages. https://npmpackage.info/ Its time to ditch Eris and Discord.js https://discordeno.js.org/ Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font, Generator of fonts from SVG icons. https://wangchujiang.com/svgtofont/ wacat - Challenge Your Web App with AI-Driven Cat Chaos! https://github.com/mikesmallhelp/wacat Node-oracledb 6.7 brings more flexibility and power to Oracle Database apps https://medium.com/@sharad-chandran/node-oracledb-6-7-brings-more-flexibility-and-power-to-oracle-database-apps-a3c315738864 The easiest way to get started with PostgreSQL, MySQL, Redis & more https://dbngin.com/ interactive Capture The Flag challenge with vulnerable code examples https://wizer-ctf.com/?id=Ub7jl9 Node API Security https://www.nodejs-security.com/blog/node-api-security An Investigation into Protestware https://arxiv.org/pdf/2409.19849 ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories (Up-) Scoped Scroll Timelines https://frontendmasters.com/blog/scoped-scroll-timelines/ Beautiful focus outlines https://medienbaecker.com/articles/focus-outlines Custom Progress Element Using Anchor Positioning & Scroll-Driven Animations https://frontendmasters.com/blog/custom-progress-element-using-anchor-positioning-scroll-driven-animations/ State of CSS and State of HTML 2024 https://patrickbrosset.com/articles/2024-11-08-state-of-css-and-state-of-html-2024/ The Different (and Modern) Ways to Toggle Content https://css-tricks.com/the-different-and-modern-ways-to-toggle-content/

JavaScript Weekly Component party https://component-party.dev/ Will we care about frameworks in the future? https://paul.kinlan.me/will-we-care-about-frameworks-in-the-future/ Introducing the vlt Package Manager & Serverless Registry https://blog.vlt.sh/blog/introducing-vlt-and-vsr Announcing TypeScript 5.7 RC https://devblogs.microsoft.com/typescript/announcing-typescript-5-7-rc/ JavaScript Import Attributes (ES2025) https://www.trevorlasn.com/blog/import-attributes-in-javascript Creating an ASCII Shader Using OGL https://tympanus.net/codrops/2024/11/13/creating-an-ascii-shader-using-ogl/ How a BBC navigation bar component broke depending on which external monitor it was on https://www.joshtumath.uk/posts/2024-11-08-how-a-bbc-navigation-bar-component-broke-depending-on-which-external-monitor-it-was-on/ How to Set Up Next.js 15 for Production in 2024 https://www.reactsquad.io/blog/how-to-set-up-next-js-15-for-production Next.js to htmx — A Real World Example https://htmx.org/essays/a-real-world-nextjs-to-htmx-port/ An extensible text editor framework that does things differently https://lexical.dev/ @clerk/nextjs v6 https://clerk.com/changelog/2024-10-22-clerk-nextjs-v6

Framer Motion is now independent, introducing Motion

https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion How to Set Up Next.js 15 for Production in 2024 https://www.reactsquad.io/blog/how-to-set-up-next-js-15-for-production Storybook 8.4 https://storybook.js.org/blog/storybook-8-4/ TIL: inline event handlers still fire when passed to React's dangerouslySetInnerHTML https://macarthur.me/posts/safer-dangerouslysetinnerhtml/ ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Beautiful focus outlines https://medienbaecker.com/articles/focus-outlines Web AI Summit 2024 Recap: Client-Side AI for Developers https://developers.googleblog.com/en/web-ai-summit-2024-recap/ An official logo for CSS https://github.com/CSS-Next/logo.css#readme New CSS that can actually be used in 2024# https://thomasorus.com/new-css-that-can-actually-be-used-in-2024.html How a BBC navigation bar component broke depending on which external monitor it was on https://www.joshtumath.uk/posts/2024-11-08-how-a-bbc-navigation-bar-component-broke-depending-on-which-external-monitor-it-was-on/ Fluid Everything Else https://css-tricks.com/fluid-everything-else/ (Up-) Scoped Scroll Timelines https://frontendmasters.com/blog/scoped-scroll-timelines/ How to Create an Organic Text Distortion Effect with Infinite Scrolling https://tympanus.net/codrops/2024/11/06/how-to-create-an-organic-text-distortion-effect-with-infinite-scrolling/ Pagefind: Add a Search Feature to Your Static Sites https://pagefind.app/ Action Table https://colinaut.github.io/action-table/ Storybook 8.4 https://storybook.js.org/blog/storybook-8-4/ Tiny Static Map https://github.com/bopjesvla/tiny-static-map ska-tailwind-editor https://sinukoduleheabi.ee/editor/ ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S