The weekly

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

Node Weekly Node v23.2.0 (Current) https://nodejs.org/en/blog/release/v23.2.0 Introducing the vlt Package Manager & Serverless Registry https://blog.vlt.sh/blog/introducing-vlt-and-vsr Node.js v22 Enters Long Term Support (LTS) https://nodesource.com/blog/Node.js-v22-Long-Term-Support-LTS JavaScript Import Attributes (ES2025) https://www.trevorlasn.com/blog/import-attributes-in-javascript Node.js Implements Stricter Policies for Semver-Major Pull Requests Ahead of Release Deadlines https://socket.dev/blog/node-js-implements-stricter-policies-for-semver-major-pull-requests Stream and file based music metadata parser for node. Supporting a wide range of audio and tag formats. https://github.com/borewit/music-metadata Immutable collections for JavaScript https://immutable-js.com/ Cron for NodeJS. https://github.com/kelektiv/node-cron Browser and NodeJS Web Assembly audio decoder libraries that are highly optimized for size and performance. https://github.com/eshaz/wasm-audio-decoders

A library to parse tables from Excel worksheets.

https://github.com/jeet-dhandha/xlsx-parse-table A small module that implements GraphQL subscriptions for Node.js https://github.com/apollographql/graphql-subscriptions ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Your CSS reset should be layered https://mayank.co/blog/css-reset-layer/ A Friendly Introduction to Container Queries https://www.joshwcomeau.com/css/container-queries-introduction/ HTML Whitespace is Broken https://blog.dwac.dev/posts/html-whitespace/#html-whitespace-is-broken Named Scroll & View Timelines https://frontendmasters.com/blog/named-scroll-view-timelines/ New CSS that can actually be used in 2024# https://thomasorus.com/new-css-that-can-actually-be-used-in-2024.html ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly

JavaScript Weekly JavaScript's ??= Operator: Default Values Made Simple https://www.trevorlasn.com/blog/javascript-nullish-coalescing-assignment-operator Announcing Rspack 1.1 https://rspack.dev/blog/announcing-1-1 Vite & Vue Powered Static Site Generator https://vitepress.dev/ ESLint v9.14.0 released https://eslint.org/blog/2024/11/eslint-v9.14.0-released/ @wasmer/sdk adds Node.js and Bun support https://wasmer.io/posts/wasmer-js-sdk-now-supports-node-and-bun Why would anyone need JavaScript generator functions? https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/ The most effective ways to improve Core Web Vitals https://web.dev/articles/top-cwv Why Code Security Matters - Even in Hardened Environments https://www.sonarsource.com/blog/why-code-security-matters-even-in-hardened-environments/ Generating Random Mazes with JavaScript https://cloudfour.com/thinks/generating-random-mazes-with-javascript/ Discover detailed information about npm packages. https://npmpackage.info/ Docusaurus 3.6 https://docusaurus.io/blog/releases/3.6 Immutable collections for JavaScript https://immutable-js.com/ An opinionated toast component for React. https://sonner.emilkowal.ski/ A JavaScript Quaternion library https://github.com/rawify/Quaternion.js A React renderer for the Gnome JS. It provides components and methods allowing to use React to build native Gnome GTK applications. https://github.com/react-gjs/renderer What's next for the React Compiler? https://www.youtube.com/watch?v=qd5yk2gxbtg Create a Full-Stack App With Go and React https://blog.jetbrains.com/go/2024/11/04/create-a-full-stack-app-with-go-and-react/ How to (not) reset a form after a Server Action in React https://www.robinwieruch.de/react-server-action-reset-form/ How We Built the BFCM 2023 Globe https://shopify.engineering/how-we-built-shopifys-bfcm-2023-globe How to Create an AI-Powered Newsletter Aggregator with React and AI Agents https://tympanus.net/codrops/2024/11/04/how-to-create-an-ai-powered-newsletter-aggregator-with-react-and-ai-agents/ Qwik To Join Testing Library Ecosystem https://testing-library.com/docs/qwik-testing-library/intro/ ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus A Friendly Introduction to Container Queries https://www.joshwcomeau.com/css/container-queries-introduction/ Exploring the browser rendering process https://abhisaha.com/blog/exploring-browser-rendering-process First Public Working Draft: Web Audio API 1.1 https://www.w3.org/news/2024/first-public-working-draft-web-audio-api-1-1/ Should masonry be part of CSS grid? https://ishadeed.com/article/css-grid-masonry/ The <details> and <summary> elements are getting an upgrade https://blog.stephaniestimac.com/posts/2024/10/html-details-and-summary-update/ 11 HTML best practices for login & sign-up forms https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms Mastering Interaction to Next Paint (INP) https://frontendmasters.com/blog/mastering-interaction-to-next-paint-inp/ What do survey demographics tell us? https://www.oddbird.net/2024/11/04/css-demographics/ Clarifying the Relationship Between Popovers and Dialogs https://css-tricks.com/clarifying-the-relationship-between-popovers-and-dialogs/ Scroll-Driven… Sections https://frontendmasters.com/blog/scroll-driven-sections/ What’s the deal with WebKit Font Smoothing? https://dbushell.com/2024/11/05/webkit-font-smoothing/ A light-weight CSS framework to quickly implement skeletons into your projects. https://github.com/ritterim/skellyCSS 💫 Orbit is the first CSS framework designed specifically for building radial user interfaces! https://github.com/zumerlab/orbit vscode-theme-generator https://rodrigoluglio.github.io/vscode-theme-generator/ i-html is a drop in tag that allows for dynamically importing html, inline. It's a bit like an <iframe>, except the html gets adopted into the page. https://github.com/keithamus/i-html ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Why Code Security Matters - Even in Hardened Environments https://www.sonarsource.com/blog/why-code-security-matters-even-in-hardened-environments/ @wasmer/sdk adds Node.js and Bun support https://wasmer.io/posts/wasmer-js-sdk-now-supports-node-and-bun Search for a package to see its download stats over time. https://npm.chart.dev/ Building My Resume in HTML using Eleventy https://michaelengen.com/posts/my-eleventy-resume/ Revamping a Five-Year Old Node.js Project https://dongdongzhang.me/blog/post-revamping-a-five-year-old-nodejs-project/ Generate massive amounts of fake (but realistic) data for testing and development. https://fakerjs.dev/ yet another unzip library for node. https://github.com/thejoshwolfe/yauzl Run .NET and Node.js code in-process on Windows, macOS, and Linux https://github.com/agracio/edge-js Fraction is a rational numbers library written in JavaScript https://github.com/rawify/Fraction.js 💬 ‎ Modern, responsive, cross-platform, self-hosted web IRC client https://github.com/thelounge/thelounge Parses PostgreSQL dump files into an array of schema objects. https://github.com/gajus/pg-dump-parser Typosquat Campaign Targeting npm Developers https://blog.phylum.io/supply-chain-security-typosquat-campaign-targeting-puppeteer-users/ Lottie Player npm package compromised for crypto wallet theft https://snyk.io/blog/lottie-player-npm-package-compromised-crypto-wallet-theft/ Exploiting Fortune 500 Through Hidden Supply Chain Links https://www.landh.tech/blog/20241028-hidden-supply-chain-links/ Counterfeit Lodash attack leverages AnyDesk to target Windows users https://www.sonatype.com/blog/counterfeit-lodash-attack-leverages-anydesk-to-target-windows-users NodeJS Path Traversal Vulnerability Scanner https://www.nodejs-security.com/blog/nodejs-path-traversal-vulnerability-scanner ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories You can use text-wrap: balance; on icons https://shkspr.mobi/blog/2024/10/you-can-use-text-wrap-balance-on-icons/ Tooltip Best Practices https://css-tricks.com/tooltip-best-practices/ Making content-aware components using CSS :has(), grid, and quantity queries https://piccalil.li/blog/making-content-aware-components-using-css-has-grid-and-quantity-queries/ State of CSS 2024 https://2024.stateofcss.com/en-US/ My Modern CSS Reset https://jakelazaroff.com/words/my-modern-css-reset/ Polypane 22 https://polypane.app/blog/polypane-22/

JavaScript Weekly Octoverse: AI leads Python to top language as the number of global developers surges https://github.blog/news-insights/octoverse/octoverse-2024/ Should JavaScript be split into two languages? New Google-driven proposal divides opinion https://devclass.com/2024/10/22/should-javascript-be-split-into-two-languages-new-google-driven-proposal-divides-opinion/ How we shrunk our Javascript monorepo git size by 94% https://www.jonathancreamer.com/how-we-shrunk-our-git-repo-size-by-94-percent/ Building a Meta Tags Scraping API in Under 40 Lines of Code https://dev.to/paripsky/building-a-meta-tags-scraping-api-in-under-40-lines-of-code-1f57 Starting a Remult project is now easier than ever! https://x.com/noamhonig/status/1851163390040756529 How to roll your own auth in JavaScript & TypeScript https://www.robinwieruch.de/how-to-roll-your-own-auth/ Using shadcn/ui with Next.js 15 and React 19. https://ui.shadcn.com/docs/react-19 Re-implementing JavaScript's == in JavaScript https://evanhahn.com/re-implementing-javascript-double-equals-in-javascript/ HTML Form Validation is heavily underused https://expressionstatement.com/html-form-validation-is-heavily-underused Generate massive amounts of fake (but realistic) data for testing and development. https://fakerjs.dev/ Fraction.js - ℚ in JavaScript https://github.com/rawify/Fraction.js A TypeScript library for building federated server apps powered by ActivityPub and other standards, so-called fediverse https://fedify.dev/ JavaScript Engine for .NET Standard https://github.com/yantrajs/yantra The lightweight library for manipulating and animating SVG. https://svgjs.dev/docs/3.2/ Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD. https://github.com/sverweij/dependency-cruiser Browser and NodeJS Web Assembly audio decoder libraries that are highly optimized for size and performance. https://github.com/eshaz/wasm-audio-decoders react-native - New Architecture is here https://reactnative.dev/blog/2024/10/23/the-new-architecture-is-here React Compiler Beta Release https://react.dev/blog/2024/10/21/react-compiler-beta-release Next.js 15 Released https://nextjs.org/blog/next-15 Next 15 - Our Journey with Caching https://nextjs.org/blog/our-journey-with-caching How to Build an Image Search Application With OpenAI CLIP & PostgreSQL in JavaScript https://www.timescale.com/blog/how-to-build-an-image-search-application-with-openai-clip-postgresql-in-javascript/ JavaScript Best Practices https://blog.jetbrains.com/webstorm/2024/10/javascript-best-practices-2024/ Qwik - Behind The Magic https://www.youtube.com/watch?v=G3psTl5wqdk ----------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S