The weekly

Front-End Front Top Stories The box model and box sizing https://piccalil.li/blog/the-box-model-and-box-sizing/ Add Superpowers to Your CSS Variables with Style Queries https://thathtml.blog/2024/03/superpowered-container-style-queries/ I’m So Old: Web Edition https://davidwalsh.name/im-so-old-1 Accessible Forms with Pseudo Classes https://css-tricks.com/accessible-forms-with-pseudo-classes/ Chill Scroll Snapping: Article Headers https://frontendmasters.com/blog/chill-scroll-snapping-article-headers/ Check-All / Expand-All Controls https://adrianroselli.com/2024/03/check-all-expand-all-controls.html -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Runtime compatibility https://runtime-compat.unjs.io/ react-native the New Architecture https://reactnative.dev/docs/the-new-architecture/landing-page Introducing the Vlt (/vōlt/) Team https://blog.vlt.sh/blog/the-team Optimizing Javascript for fun and for profit https://romgrk.com/posts/optimizing-javascript require(esm) in Node.js https://joyeecheung.github.io/blog/2024/03/18/require-esm-in-node-js/ How we built a custom permissions DSL at Figma https://www.figma.com/blog/how-we-rolled-out-our-own-permissions-dsl-at-figma/ Build a Node App with TypeScript https://www.totaltypescript.com/typescript-and-node Type Predicate Inference: The TS 5.5 Feature No One Expected https://www.totaltypescript.com/type-predicate-inference Atrament 4.0: Library for Smooth Canvas Drawing and Handwriting https://www.fiala.space/atrament/demo/ Write React components using CSS only https://typicode.github.io/mistcss/ zero dependency object and array comparison library https://github.com/AsyncBanana/microdiff Easy, strict, safe, and fast JavaScript & TypeScript monorepo toolchain for high performance teams. https://onerepo.tools/ Lightweight, powerful, pluggable embedded JS template engine. https://eta.js.org/ Headless UI for Virtualizing Large Element Lists https://tanstack.com/virtual/latest React Data Grid: A Fast Excel-Style Data Grid Component https://adazzle.github.io/react-data-grid/#/common-features Type system of the React compiler https://www.recompiled.dev/blog/type-system/ Build a full-stack React application with Azure Static Web Apps and managed functions https://techcommunity.microsoft.com/t5/apps-on-azure-blog/build-a-full-stack-react-application-with-azure-static-web-apps/ba-p/4090838 How to Create Interactive Animations Using React Spring https://www.sitepoint.com/react-spring-interactive-animations/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Marking the Web’s 35th Birthday: An Open Letter https://webfoundation.org/2024/03/marking-the-webs-35th-birthday-an-open-letter/ Performance tooling in 2024 and beyond https://developer.chrome.com/blog/perf-tooling-2024 Navigating the future of frontend https://frontendmastery.com/posts/navigating-the-future-of-frontend/ There is no EU cookie banner law https://www.bitecode.dev/p/there-is-no-eu-cookie-banner-law This CSS is now part of most websites I make: https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/ https://rxdb.info/articles/localstorage.html CSS Button Styles You Might Not Know https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know/ Design gorgeous and lightweight SVG maps with ease https://cartosvg.com/ Storybook 8 https://storybook.js.org/blog/storybook-8/ emojisplosion https://www.emojisplosion.dev/ Write React components using CSS only https://typicode.github.io/mistcss/ Alpine AJAX: An Alpine.js Plugin to Request Remote Content from the Server https://alpine-ajax.js.org/ Translate the CSS property to its Tailwind CSS equivalent https://www.css2wind.com/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly require(esm) in Node.js https://joyeecheung.github.io/blog/2024/03/18/require-esm-in-node-js/ Build a Node App with TypeScript https://www.totaltypescript.com/typescript-and-node Express JS with TypeScript - Setup, Examples, Testing https://www.youtube.com/watch?v=Be7X6QJusJA unplugin-parcel-macros https://github.com/devongovett/unplugin-parcel-macros?tab=readme-ov-file A Beginner's Guide to Node.js Worker Threads https://betterstack.com/community/guides/scaling-nodejs/nodejs-workers-explained/ Is Drizzle Really Better Than Prisma? https://www.youtube.com/watch?v=cTu9-C2rd-0 Server Actions in Fastify https://hire.jonasgalvez.com.br/2024/mar/04/server-actions-in-fastify/ Lightweight, powerful, pluggable embedded JS template engine. https://eta.js.org/ form data validation library for Node.js. https://vinejs.dev/docs/introduction --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories The quiet, pervasive devaluation of frontend https://joshcollinsworth.com/blog/devaluing-frontend Creating color palettes with the CSS color-mix() function https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/ What is safe alignment in CSS? https://frontendmasters.com/blog/what-is-safe-alignment-in-css/ Proposal: CSS Variable Groups https://lea.verou.me/docs/var-groups/ CSS Button Styles You Might Not Know https://dbushell.com/2024/03/10/css-button-styles-you-might-not-know/ Streaming HTML https://frontendmasters.com/blog/streaming-html/ --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Use Parcel Macros in Other Bundlers with unplugin-parcel-macros https://github.com/devongovett/unplugin-parcel-macros The Best Way Yet to Measure Browser Performance https://webkit.org/blog/15131/speedometer-3-0-the-best-way-yet-to-measure-browser-performance/ the fastest Javascript web server now also supporting Cloudflare applications and React Server Components https://wasmer.io/posts/winterjs-v1 Comparing JavaScript Frameworks part 1: templates https://www.maartenhus.nl/blog/comparing-javascript-frameworks-part-1-templates/ Express JS with TypeScript - Setup, Examples, Testing https://www.youtube.com/watch?v=Be7X6QJusJA Make Your Functions More Reusable With Generics https://www.totaltypescript.com/make-your-functions-more-reusable-with-generics A beautiful yet powerful syntax highlighter https://shiki.style/ Rolldown Fast Rust-based bundler for JavaScript https://rolldown.rs/ Storybook 8 https://storybook.js.org/blog/storybook-8/ Generate tests in VS Code https://playwright.dev/docs/codegen The reactive data store for local-first apps. https://tinybase.org/ Fast, composable, unstyled command menu for React. https://cmdk.paco.me/ psd file parser in typescript with zero-dependency for browsers and NodeJS. https://webtoon.github.io/psd/ React Geiger https://github.com/kristiandupont/react-geiger Supercharging your Next.js App with Cloudinary Images & Video ft. Colby Fayock https://www.youtube.com/watch?v=6Z3XoEoebRQ Best Practices for Writing Tests with React Testing Library https://claritydev.net/blog/improving-react-testing-library-tests Improve Build Performance of Nuxt https://dev.to/jacobandrewsky/improve-build-performance-of-nuxt-2bmn How to Use v-model in Vue 3: An In-Depth Guide https://salkobalic.com/how-to-use-v-model-in-vue-3-an-in-depth-guide Implicit Assertions https://www.epicweb.dev/implicit-assertions Stop using COUNT(id) to count rows https://www.youtube.com/watch?v=H6juZ8c_Nu8 --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness https://browserbench.org/announcements/speedometer3/ Interaction to Next Paint is officially a Core Web Vital 🚀 https://web.dev/blog/inp-cwv-launch The quiet, pervasive devaluation of frontend https://joshcollinsworth.com/blog/devaluing-frontend Creating color palettes with the CSS color-mix() function https://developer.mozilla.org/en-US/blog/color-palettes-css-color-mix/ Streaming HTML out of order without JavaScript https://lamplightdev.com/blog/2024/01/10/streaming-html-out-of-order-without-javascript/ Proposal: CSS Variable Groups https://lea.verou.me/docs/var-groups/ The importance of Web Performance to Information Equity https://fosdem.org/2024/schedule/event/fosdem-2024-2411-the-importance-of-web-performance-to-information-equity/ Improvements to the Speculation Rules API https://developer.chrome.com/blog/speculation-rules-improvements Jakob Has Jumped the Shark https://adrianroselli.com/2024/03/jakob-has-jumped-the-shark.html A Practical Guide To Designing For Colorblind People https://www.smashingmagazine.com/2024/02/designing-for-colorblindness/ Create an animated, circular progress bar https://www.youtube.com/watch?v=MXWP56LUI3g Capo.js: A five minute web performance boost https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/ This is WCAG: A Free Resource to Help You Build Inclusive Web Experiences https://thisiswcag.com/ Present your source code on the web, making it easy to understand and visually stunning. All batteries included! https://expressive-code.com/ The CSS Selector Generator https://github.com/antonmedv/finder --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly A beautiful yet powerful syntax highlighter https://shiki.style/ node 21.7.0 (Current) https://nodejs.org/en/blog/release/v21.7.0 Announcing TypeScript 5.4 https://devblogs.microsoft.com/typescript/announcing-typescript-5-4/ Ultimate Guide to Visual Testing with Playwright https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright The faster Lambda runtime - NodeJS or LLRT? We benchmarked. https://learnaws.io/blog/node-vs-llrt How npm install scripts can be weaponized: A real-world example of a harmful npm package https://stacklok.com/blog/how-npm-install-scripts-can-be-weaponized-a-real-life-example-of-a-harmful-npm-package Modern Git Commands and Features You Should Be Using https://martinheinz.dev/blog/109 A Node.js library for pretty printing your data on the terminal🎨 https://voici.larswaechter.dev/ webtoon/PSD: Zero-Dependency PSD Parser for Browsers and Node https://webtoon.github.io/psd/ USB Library for Node.JS https://github.com/node-usb/node-usb CRC32 Stream https://github.com/archiverjs/node-crc32-stream A metadata scraper with support for oEmbed, Twitter Cards and Open Graph Protocol for Node.js (>=v8.0.0). https://github.com/jacktuck/unfurl --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories Techniques to Break Words https://adrianroselli.com/2024/02/techniques-to-break-words.html Menus, toasts and more with the Popover API, the dialog element, invokers, anchor positioning and @starting-style https://frontendmasters.com/blog/menus-toasts-and-more/ Playing with Infinity in CSS https://codersblock.com/blog/playing-with-infinity-in-css/ Modern CSS Tooltips And Speech Bubbles (Part 1) https://www.smashingmagazine.com/2024/03/modern-css-tooltips-speech-bubbles-part1/ Retrofitting fluid typography https://clagnut.com/blog/2428/ The Fifty-Fifty Split and Overflow https://ryanmulligan.dev/blog/50-50-overflow/ --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Eloquent JavaScript Goes Fourth https://eloquentjavascript.net/ Introducing JSR - the JavaScript Registry https://deno.com/blog/jsr_open_beta Apple backs off killing web apps, but the fight continues https://open-web-advocacy.org/blog/apple-backs-off-killing-web-apps/ Ultimate Guide to Visual Testing with Playwright https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright Streaming HTML out of order without JavaScript https://lamplightdev.com/blog/2024/01/10/streaming-html-out-of-order-without-javascript/ Drizzle ORM in 100 Seconds https://www.youtube.com/watch?v=i_mAHOhpBSA JavaScript Bloat in 2024 https://tonsky.me/blog/js-bloat/ Predictive Text Using 2MB of JavaScript, no LLM. https://www.adamgrant.info/tiny-predictive-text Coroutines and web components https://lorenzofox.dev/posts/component-as-infinite-loop/ Million Lint is in public beta https://million.dev/blog/lint The open source Block-Based rich text editor https://www.blocknotejs.org/ PixiJS v8 Launches! 🎉 https://pixijs.com/blog/pixi-v8-launches Client-side indecent content checking https://nsfwjs.com/ Plotly JavaScript Open Source Graphing Library https://plotly.com/javascript/ A tiny headless onboarding library with form validation https://onboarding-lib.vercel.app/ The CSS Selector Generator https://github.com/antonmedv/finder "react-strict-dom", why it's so great? https://szymonrybczak.dev/blog/react-strict-dom Introducing AI SDK 3.0 with Generative UI support https://vercel.com/blog/ai-sdk-3-generative-ui React Unforget https://react-unforget.vercel.app/ Expo in 100 Seconds https://www.youtube.com/watch?v=vFW_TxKLyrE Epic Next.js 14 Tutorial: Learn Next.js by building a real-life project: Part 1 https://strapi.io/blog/epic-next-js-14-tutorial-learn-next-js-by-building-a-real-life-project-part-1-2 Understanding Environment Variables in Nuxt 3 https://masteringnuxt.com/blog/understanding-environment-variables-in-nuxt3 The CJS build of Vite’s Node API is deprecated https://vueschool.io/articles/vuejs-tutorials/the-cjs-build-of-vites-node-api-is-deprecated/ A Conceptual Model of State in Vue 3.4 https://chrlschn.dev/blog/2024/01/a-conceptual-model-of-state-in-vue-34-using-definemodel/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus PixiJS v8 Launches! 🎉 https://pixijs.com/blog/pixi-v8-launches Apple reverses course on death of Progressive Web Apps in EU https://appleinsider.com/articles/24/03/01/apple-reverses-course-on-death-of-progressive-web-apps-in-eu WebKit Features in Safari 17.4 https://webkit.org/blog/15063/webkit-features-in-safari-17-4/ An HTML Switch Control https://webkit.org/blog/15054/an-html-switch-control/ Modern CSS Tooltips And Speech Bubbles (Part 1) https://www.smashingmagazine.com/2024/03/modern-css-tooltips-speech-bubbles-part1/ Playing with Infinity in CSS https://codersblock.com/blog/playing-with-infinity-in-css/ “AI” and accessible front-end components: is the nuance generatable? https://hidde.blog/ai-for-accessible-components/ Reporting Core Web Vitals With The Performance API https://www.smashingmagazine.com/2024/02/reporting-core-web-vitals-performance-api/ Bugs I’ve filed on browsers https://nolanlawson.com/2024/03/03/bugs-ive-filed-on-browsers/ JavaScript Bloat in 2024 https://tonsky.me/blog/js-bloat/ CSS Scroll-triggered Animations with Style Queries https://ryanmulligan.dev/blog/scroll-triggered-animations-style-queries/ CSS for printing to paper https://voussoir.net/writing/css_for_printing Client-side indecent content checking https://nsfwjs.com/ 3052 Free SVG icons for popular brands https://simpleicons.org/ Brainsum's Cookie Consent Bar https://brainsum.github.io/cookieconsent/ Generate tailwind loading skeletons https://skeletongenerator.com/ Free Country Flags in SVG https://flagicons.lipis.dev/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Introducing JSR - the JavaScript Registry https://deno.com/blog/jsr_open_beta express 4.18.3 https://github.com/expressjs/express/releases/tag/4.18.3 Top 8 Recent V8 in Node Updates https://blog.appsignal.com/2024/02/28/top-8-recent-v8-in-node-updates.html Building a better-sqlite3 compatible JavaScript package with Rust https://turso.tech/blog/building-a-better-sqlite3-compatible-javascript-package-with-rust-a388cee9 Drizzle ORM in 100 Seconds https://www.youtube.com/watch?v=i_mAHOhpBSA PGlite - Postgres in WASM https://github.com/electric-sql/pglite The smallest and fastest command-line coloring package on the internet https://github.com/sindresorhus/yoctocolors The Developer-Friendly TypeScript Framework for Server-Side Applications https://expresso-ts.com/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories JavaScript Bloat in 2024 https://tonsky.me/blog/js-bloat/ An HTML Switch Control https://webkit.org/blog/15054/an-html-switch-control/ What is Utility-First CSS? https://heydonworks.com/article/what-is-utility-first-css/ Vanilla JavaScript, Libraries, And The Quest For Stateful DOM Rendering https://www.smashingmagazine.com/2024/02/vanilla-javascript-libraries-quest-stateful-dom-rendering/ Going beyond pixels and (r)ems in CSS - Container query length units https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/container-query-length-units CSS-only bottom-anchored scrolling area https://kittygiraudel.com/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly PGlite - Postgres in WASM https://github.com/electric-sql/pglite JSR: What We Know So Far About Deno’s New JavaScript Package Registry https://socket.dev/blog/jsr-new-javascript-package-registry Parcel v2.12.0 https://parceljs.org/blog/v2-12-0/ Reporting Core Web Vitals With The Performance API https://www.smashingmagazine.com/2024/02/reporting-core-web-vitals-performance-api/ A Fun Line of Code https://dbushell.com/2024/02/27/a-fun-line-of-code/ Next.js vs. Remix - A Developer's Dilemma https://blog.saeloun.com/2024/02/21/next.js-vs-remix/ Why Does 'is-number' Package Have 59M Weekly Downloads? https://shubhamjain.co/2024/02/29/why-is-number-package-have-59m-downloads/ 17 Equations that Changed the World - Rewritten in JavaScript https://runjs.app/blog/equations-that-changed-the-world-rewritten-in-javascript The Next-Gen UI Suite for Vue.js https://primevue.org/ The minimal React framework https://waku.gg/ A lightweight carousel library with fluid motion and great swipe precision https://www.embla-carousel.com/ A standalone version of the readability library used for Firefox Reader View. https://github.com/mozilla/readability Viz.js: Work with Graphviz in the Browser https://viz-js.com/ Vue Color Wheel https://vue-color-wheel.vercel.app/ Next-gen Web Extension Framework https://wxt.dev/ react-strict-dom dev https://github.com/facebook/react-strict-dom Figma & React united https://functional-ui-kit.com/ Exploring Next.js Forms with Server Actions https://www.robinwieruch.de/next-forms/ HTMX vs React: A Complete Comparison https://semaphoreci.com/blog/htmx-react How to build an offline-first app using Expo & Legend State https://expo.dev/blog/offline-first-apps-with-expo-and-legend-state How to set up Lexical editor in React Native https://strdr4605.com/how-to-set-up-lexical-editor-in-react-native Compiler Theory and Reactivity https://www.recompiled.dev/blog/ssa/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Lift-off: The MDN Curriculum launch https://developer.mozilla.org/en-US/blog/mdn-curriculum-launch/ Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible https://letter.open-web-advocacy.org/ Home Screen Advantage https://infrequently.org/2024/02/home-screen-advantage/ View transitions: Handling aspect ratio changes https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes/ Mobile Accessibility Barriers For Assistive Technology Users https://www.smashingmagazine.com/2024/02/mobile-accessibility-barriers-assistive-technology-users/ Going beyond pixels and (r)ems in CSS - Container query length units https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/container-query-length-units Designing with Integrity: The Ethical Designer’s Handbook on Dark Patterns https://raw.studio/blog/designing-with-integrity-the-ethical-designers-handbook-on-dark-patterns/ The Linear Look https://frontend.horse/articles/the-linear-look/ Figma & React united https://functional-ui-kit.com/ Mojo CSS Next-Gen CSS Framework https://mojocss.com/ WebPerf Snippets https://webperf-snippets.nucliweb.net/ A forward-thinking library of web components. https://shoelace.style/ Minimal CSS Framework for Semantic HTML https://picocss.com/ Color Legend Element https://github.com/clhenrick/color-legend-element ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node weekly Meet Rocket Turtle 👋 https://twitter.com/nodejs/status/1759953849849167878?t=D0GUtESB5qzvdeN07Wuazg&s=19 JSR: What We Know So Far About Deno’s New JavaScript Package Registry https://socket.dev/blog/jsr-new-javascript-package-registry Node.js 2023 Year in An Article https://blog.rafaelgss.dev/nodejs-2023-year-in-review Preventing SQL injection attacks in Node.js https://snyk.io/blog/preventing-sql-injection-attacks-node-js/ System Information Library for Node.JS https://github.com/sebhildebrandt/systeminformation Atomic counters and rate limiting tools. Limit resource access at any scale. https://github.com/animir/node-rate-limiter-flexible A standalone version of the readability lib https://github.com/mozilla/readability Build Amazon Simple Queue Service (SQS) based applications without the boilerplate https://github.com/bbc/sqs-consumer Run web applications on AWS Lambda https://github.com/awslabs/aws-lambda-web-adapter ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

front-End Front Top Stories The New CSS Math: pow(), sqrt(), and exponential friends https://danielcwilson.com/posts/mathematicss-powers/ Syntax Highlighting with no spans?! https://frontendmasters.com/blog/syntax-highlighting-with-no-spans/ Scroll-Driven Animations: You want overflow: clip, not overflow: hidden https://www.bram.us/2024/02/14/scroll-driven-animations-you-want-overflow-clip-not-overflow-hidden/ View transitions: Handling aspect ratio changes https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes/ How To Center a Div https://www.joshwcomeau.com/css/center-a-div/ Release Notes for Safari Technology Preview 189 https://webkit.org/blog/15050/release-notes-for-safari-technology-preview-189/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly Apache ECharts 5.5.0 Features https://echarts.apache.org/handbook/en/basics/release-note/5-5-0/ React Labs: What We've Been Working On – February 2024 https://react.dev/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024 Redwood v7.0.0 is now available! https://community.redwoodjs.com/t/redwood-v7-0-0-is-now-available/5777 Node.js 2023 Year in An Article https://blog.rafaelgss.dev/nodejs-2023-year-in-review Using localStorage in Modern Applications: A Comprehensive Guide https://rxdb.info/articles/localstorage.html How to set up a Node server with TypeScript in 2024 https://www.learnwithjason.dev/blog/modern-node-server-typescript-2024 1 hour Pac-man in JavaScript! https://www.youtube.com/watch?v=q2ViNbRwr5U HTMX vs React: A Complete Comparison https://semaphoreci.com/blog/htmx-react JavaScript on Demand: How Qwik Differs From React Hydration https://thenewstack.io/javascript-on-demand-how-qwik-differs-from-react-hydration/ Perspective 2.8: Fast Streaming Data Visualization via WebAssembly https://perspective.finos.org/ Vue 3 Admin Template https://admin.vuestic.dev/ Tommy's inclusive datepicker https://fymmot.github.io/inclusive-dates/ Skeleton: Reactive, Accessible Svelte UI Toolkit https://www.skeleton.dev/ dax - Cross-platform shell tools for Node.js https://david.deno.dev/posts/dax-node-js/ The tiny, regex powered, lenient, almost spec-compliant JavaScript tokenizer that never fails. https://github.com/lydell/js-tokens A Sudoku Solver Implemented in the TypeScript Type System? https://github.com/RuyiLi/cursed-typescript/blob/master/random/sudoku.ts React Trends in 2024 https://www.robinwieruch.de/react-trends/ Remix Vite is Now Stable https://remix.run/blog/remix-vite-stable Make CLI app with React https://www.nico.fyi/blog/react-ink-cli-chat-supabase Google Tag Manager Consent Mode v2 in React, Gatsby and Next.js https://blog.cloud66.com/google-tag-manager-consent-mode-v2-in-react ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus How To Center a Div https://www.joshwcomeau.com/css/center-a-div/ Update on apps distributed in the European Union https://developer.apple.com/support/dma-and-apps-in-the-eu It’s Official, Apple Kills Web Apps in the EU https://open-web-advocacy.org/blog/its-official-apple-kills-web-apps-in-the-eu/ Okay, Color Spaces https://ericportis.com/posts/2024/okay-color-spaces/ What is Utility-First CSS? https://heydonworks.com/article/what-is-utility-first-css/ CSS-only DVD Screensaver animation https://www.javiermorales.dev/blog/dvd 100 things you can do on your personal website https://jamesg.blog/2024/02/19/personal-website-ideas/ SVG Flag Icons https://nucleoapp.com/svg-flag-icons A beautiful marquee components for React. https://github.com/devnomic/marquee The easiest way to work with dates in JavaScript. https://tempo.formkit.com/ Next-gen Web Extension Framework https://wxt.dev/ Restore scroll position of elements on page navigation https://github.com/epicweb-dev/restore-scroll Determine the maximum area, height, width, and custom dimensions of an HTML <canvas> element. https://jhildenbiddle.github.io/canvas-size/#/ CROSS MY HEART - Frogger Demake in 256 Bytes https://killedbyapixel.github.io/TinyCode/games/CrossMyHeart/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Node Weekly Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm https://socket.dev/blog/node-community-debates-enabling-corepack-unbundling-npm dax - Cross-platform shell tools for Node.js https://david.deno.dev/posts/dax-node-js/ How to set up a Node server with TypeScript in 2024 https://www.learnwithjason.dev/blog/modern-node-server-typescript-2024 Wednesday February 14 2024 Security Releases https://nodejs.org/en/blog/vulnerability/february-2024-security-releases Your Own Vector Search in 5 Minutes with SQLite, OpenAI Embeddings, and Node.js https://markus.oberlehner.net/blog/your-own-vector-search-in-5-minutes-with-sqlite-openai-embeddings-and-nodejs/ DashPress generates powerful admin apps from your database information https://github.com/dashpresshq/dashpress Stringify object/array with yaml syntax https://github.com/eugeny-dementev/yamlify-object The fastest URL transfer library for Node.js. https://github.com/JCMais/node-libcurl Directus is a real-time API and App dashboard for managing SQL database content. https://github.com/directus/directus ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S