The weekly

Front-End Front Top Stories good bad web components https://www.zachleat.com/web/good-bad-web-components/ How to fix the invisible scrollbar issue in iOS browsers https://frontendmasters.com/blog/how-to-fix-the-invisible-scrollbar-issue-in-ios/ Offloading JavaScript With Custom Properties https://heydonworks.com/article/offloading-javascript-with-custom-properties/ How to create rounded gradient borders with any background in CSS https://benfrain.com/how-to-create-rounded-gradient-borders-with-any-background-in-css/ How I Solved My Font Rendering Problem https://css-irl.info/how-i-solved-my-font-rendering-problem/ Don’t Disable Form Controls https://adrianroselli.com/2024/02/dont-disable-form-controls.html ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly The easiest way to work with dates in JavaScript. https://tempo.formkit.com/ LLRT (Low Latency Runtime): Amazon's New JS Runtime https://github.com/awslabs/llrt Wednesday February 14 2024 Security Releases https://nodejs.org/en/blog/vulnerability/february-2024-security-releases Union, intersection, difference, and more are coming to JavaScript Sets https://www.sonarsource.com/blog/union-intersection-difference-javascript-sets/ Immutable array updates with Array.prototype.with https://web.dev/blog/array-with So You Think You Know Git - FOSDEM 2024 https://www.youtube.com/watch?v=aolI_Rz0ZqY Todo Example with Apico Google Sheets https://github.com/apicodev/example-react-todo-google-sheets Safely accessing the DOM with Angular SSR https://developer.chrome.com/blog/angular-dom-safety-ssr Parser Generator for JavaScript https://peggyjs.org/ Codemod framework for Vue projects https://unrefinedbrain.github.io/vue-metamorph/ Determine the maximum area, height, width, and custom dimensions of an HTML <canvas> element. https://jhildenbiddle.github.io/canvas-size/#/ txiki.js — The tiny JavaScript runtime https://github.com/saghul/txiki.js 🚶 Svelte Stepper https://github.com/efstajas/svelte-stepper Goodbye Electron. Hello Tauri! https://dev.to/dedsyn4ps3/goodbye-electron-hello-tauri-26d5 How to stream data over HTTP using Node and Fetch API https://dev.to/bsorrentino/how-to-stream-data-over-http-using-node-and-fetch-api-4ij2 חורג מהנןרמה ... בקשה אישית הפעם- לקראת ההרצאה שלי בריוורסים הקרוב - אני מזמין אתכם להיות חלק , קחו לכם כמה דקות למלא סקר https://tally.so/r/n06ddN ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus Apple broke web apps in iOS 17 https://www.theregister.com/2024/02/08/apple_web_apps_eu/ CSS Mixins & Functions Explainer https://css.oddbird.net/sasslike/mixins-functions/ Mozilla downsizes as it refocuses on Firefox and AI: Read the memo https://techcrunch.com/2024/02/13/mozilla-downsizes-as-it-refocuses-on-firefox-and-ai-read-the-memo/ The Performance Inequality Gap, 2024 https://infrequently.org/2024/01/performance-inequality-gap-2024/ Frequently Heard In My Beginning Front-End Web Development Class https://www.smashingmagazine.com/2024/02/frequently-heard-beginning-front-end-web-development-class/ Can generative AI help write accessible code? https://tetralogical.com/blog/2024/02/12/can-generative-ai-help-write-accessible-code/ The New CSS Math: pow(), sqrt(), and exponential friends https://danielcwilson.com/posts/mathematicss-powers/ How I Solved My Font Rendering Problem https://css-irl.info/how-i-solved-my-font-rendering-problem/ Nested Dark Mode via CSS Proximity https://jwdallas.com/posts/nesteddarkmode/ Guidelines for Brutalist Web Design https://brutalist-web.design/ Making it easier to author CSS View Transitions https://github.com/noamr/velvette CheerpJ 3.0 now available https://labs.leaningtech.com/blog/cheerpj-3.0 Tailwind CSS buttons designed https://buttons.ibelick.com/ CSS Neural Network (number detection) https://codepen.io/bali_balo/pen/gOqEmgG ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Front-End Front Top Stories On-Scroll Animation Ideas for Sticky Sections https://tympanus.net/codrops/2024/01/31/on-scroll-animation-ideas-for-sticky-sections/ Web Development Is Getting Too Complex, And It May Be Our Fault https://www.smashingmagazine.com/2024/02/web-development-getting-too-complex/ Basic Dialog Usage and Gotchas To Watch For https://frontendmasters.com/blog/basic-dialog-usage-and-gotchas-to-watch-for/ How to Favicon in 2024: Six files that fit most needs https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs Release Notes for Safari Technology Preview 188 https://webkit.org/blog/15026/release-notes-for-safari-technology-preview-188/ A highly configurable switch component using modern CSS techniques https://piccalil.li/blog/a-highly-configurable-switch-component-using-modern-css/ ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

JavaScript Weekly jQuery 4.0.0 BETA! https://blog.jquery.com/2024/02/06/jquery-4-0-0-beta/ JavaScript Game Tutorial with HTML Canvas: Gorillas https://www.youtube.com/watch?v=2q5EufbUEQk 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 How to make a great framework better? - Svelte 5 with Rich Harris https://www.youtube.com/watch?v=z7n17ajJpCo Static Roots: Objects with Compile-Time Constant Addresses https://v8.dev/blog/static-roots Do we need a monorepo? https://www.aha.io/engineering/articles/monorepo Creating an Animated 3D Starfield Effect in JavaScript https://www.kirupa.com/animations/animated_3d_starfield_effect.htm htmx deep dive w/carson gross https://www.youtube.com/watch?v=javGxN-h9VQ Easy to use, simple to code, fully featured, interactive JavaScript tables and data grids https://tabulator.info/ Announcing React Native for Apple Vision Pro https://www.callstack.com/blog/announcing-react-native-for-apple-vision-pro react-native-typescript-boilerplate v.4 https://github.com/WrathChaos/react-native-typescript-boilerplate Marked.js 12.0: Fast Markdown Parsing and Compiling https://marked.js.org/ Storybook 8 Beta https://storybook.js.org/blog/storybook-8-beta/ react-native-live-markdown https://github.com/Expensify/react-native-live-markdown Vue Currency Input https://github.com/dm4t2/vue-currency-input Remix Takes on Next.js in Battle of the React Frameworks https://thenewstack.io/remix-takes-on-next-js-in-battle-of-the-react-frameworks/ Dan Abramov on React, RSCs, and the future https://podrocket.logrocket.com/dan-abramov-react-rscs-future Five Application Killing React Anti-Patterns https://www.youtube.com/watch?v=ZkQPxP4wlE8 Deno in 2023 https://deno.com/blog/deno-in-2023 ------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

Frontend Focus The web just gets better with Interop 2024 https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/ Interaction to Next Paint becomes a Core Web Vital on March 12 https://web.dev/blog/inp-cwv-march-12 Getting into web components - an intro https://utilitybend.com/blog/getting-into-web-components-an-intro/ What happened with the Web Monetization API? https://chriscoyier.net/2024/01/24/what-happened-with-the-web-monetization-api/ The Color Input & The Color Picker https://frontendmasters.com/blog/the-color-input-the-color-picker/ Doing what’s required: Indicating mandatory fields in an accessible way https://www.tpgi.com/doing-whats-required-indicating-mandatory-fields-in-an-accessible-way/ How to Embed 3D Models on the Web https://cloudfour.com/thinks/how-to-embed-3d-models-on-the-web/ The psychology of site speed and human happiness https://www.speedcurve.com/blog/psychology-site-speed/ Big, beautiful, beefy focus states with :focus-visible https://daverupert.com/2024/01/focus-visible-love/ 41 Years in UX: A Career Retrospective https://www.uxtigers.com/post/41-years-in-ux In Loving Memory of Square Checkbox https://tonsky.me/blog/checkbox/ The Fast-Track to Stylish HTML Forms! https://www.cssformalize.com/ What views does Calendar.js support? https://github.com/williamtroup/Calendar.js Baklava Design System https://github.com/Trendyol/baklava 🚶 Svelte Stepper https://github.com/efstajas/svelte-stepper -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Rails-like framework for React, Node.js and Prisma. https://wasp-lang.dev/ Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft https://socket.dev/blog/malicious-npm-package-masquerades-as-noblox-js How to stream files from Next.js Route Handlers https://www.ericburel.tech/blog/nextjs-stream-files Topic Classifiers in Node.js Using Astra Vector Search https://thecodebarbarian.com/topic-classifiers-in-nodejs-using-astra-vector-search.html Marked.js 12.0: Fast Markdown Parsing and Compiling https://marked.js.org/ CLI app helper https://github.com/sindresorhus/meow Merge multiple streams into a unified stream https://github.com/sindresorhus/merge-streams Neutralinojs 5.0: Alternative Cross-Platform Desktop App Approach https://neutralino.js.org/docs/release-notes/framework/#v500 An opinionated TS package build toolchain w/ typed configuration. https://github.com/pkg-tools/pkg-tools -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Heads Up on Custom Scrollbars. Chrome is Supporting the Standard Now, which Overrides The Old Pseudo Elements https://frontendmasters.com/blog/heads-up-on-custom-scrollbars-chrome-is-supporting-the-standard-now-which-overrides-the-old-pseudo-elements/ Going beyond pixels and (r)ems in CSS - Relative length units based on font https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-font Big, beautiful, beefy focus states with :focus-visible https://daverupert.com/2024/01/focus-visible-love/ Reality Check #3: Building out a layered hero grid layout from Dribbble https://piccalil.li/blog/reality-check-3-building-out-a-layered-hero-grid-layout-from-dribbble/ New to the web platform in January https://web.dev/blog/web-platform-01-2024 Field-sizing just works! https://polypane.app/blog/field-sizing-just-works/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Graph theory (network) library for visualisation and analysis https://js.cytoscape.org/ Announcing TypeScript 5.4 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-5-4-beta/ Deno 1.40: Temporal API https://deno.com/blog/v1.40 Take a Qwik Break from React with Astro https://thenewstack.io/take-a-qwik-break-from-react-with-astro/ v8 Import attributes https://v8.dev/features/import-attributes NEXT.JS APP ROUTER MIGRATION: THE GOOD, BAD, AND UGLY https://www.flightcontrol.dev/blog/nextjs-app-router-migration-the-good-bad-and-ugly Squeezing Last Bit Of JavaScript Performance For My Automation Game https://ruoyusun.com/2024/01/23/cividle-optimization.html How to publish a package with TypeScript, testing, GitHub Actions, and auto-publish to NPM https://advancedweb.hu/modern-javascript-library-starter/ Test Web Bluetooth with Puppeteer https://developer.chrome.com/blog/test-web-bluetooth-with-puppeteer A JavaScript procedural generator for Mazes, Terrains, and Biomes https://yantra.gg/labyrinthos/?seed=2092242768&x=0&y=0&width=16&height=16&depth=1&infinite=false&mode=topdown&algo=RecursiveDivision react resizable panels https://react-resizable-panels.vercel.app/ husky v9.0.1 https://github.com/typicode/husky/releases/tag/v9.0.1 Welcome to David UI Tailwind CSS and Angular Power https://www.david-ui-angular.com/ ECMAScript 5.1(+) implementation in Go. https://github.com/dop251/goja chroma.js https://www.vis4.net/chromajs/ React Interview Questions & Answers https://github.com/sudheerj/reactjs-interview-questions Shining a light on Caustics with Shaders and React Three Fiber https://blog.maximeheckel.com/posts/caustics-in-webgl/ Delicious Donut Components https://frontendatscale.com/blog/donut-components/ How to Add an AI-Powered WYSIWYG Editor in React & Astro with Novel https://spacejelly.dev/posts/how-to-add-an-ai-powered-wysiwyg-editor-in-react-astro-with-novel -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Apple announces changes to iOS, Safari, and the App Store in the European Union https://www.apple.com/newsroom/2024/01/apple-announces-changes-to-ios-safari-and-the-app-store-in-the-european-union/ Web Components in Earnest https://naildrivin5.com/blog/2024/01/24/web-components-in-earnest.html Highlight Text When a User Scrolls Down to That Piece of Text https://frontendmasters.com/blog/highlight-text-when-a-user-scrolls-down-to-that-piece-of-text/ CSS Blurry Shimmer Effect https://www.smashingmagazine.com/2024/01/css-blurry-shimmer-effect/ Going beyond pixels and (r)ems in CSS - Relative length units based on font https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-font A highly configurable switch component using modern CSS techniques https://piccalil.li/blog/a-highly-configurable-switch-component-using-modern-css/ Debugging Fetch Priority https://www.youtube.com/watch?v=3rAf_Yx7R_g

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Announcing AdonisJS v6 https://adonisjs.com/blog/adonisjs-v6-announcement How to publish a package with TypeScript, testing, GitHub Actions, and auto-publish to NPM https://advancedweb.hu/modern-javascript-library-starter/ Easily Deploy Full Stack Node.js Apps on AWS EC2 | Step-by-Step Tutorial https://www.youtube.com/watch?v=nQdyiK7-VlQ Simple key-value storage with support for multiple backends https://github.com/jaredwray/keyv/blob/main/packages/keyv/README.md Payload 2.9: A Headless CMS Platform Built on Node https://payloadcms.com/ husky v9.0.1 https://github.com/typicode/husky/releases/tag/v9.0.1 ultimate Object Relational Mapper for Node.js and Typescript https://rdbjs.org/ Create a good-looking DMG for your macOS app in seconds https://github.com/sindresorhus/create-dmg -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 12 Modern CSS One-Line Upgrades https://moderncss.dev/12-modern-css-one-line-upgrades/ 5 CSS snippets every front-end developer should know in 2024 https://web.dev/articles/5-css-snippets-every-front-end-developer-should-know-in-2024 A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view() https://tympanus.net/codrops/2024/01/17/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view/ console.delight https://frontendmasters.com/blog/console-delight/ CSS Blurry Shimmer Effect https://www.smashingmagazine.com/2024/01/css-blurry-shimmer-effect/ Release Notes for Safari Technology Preview 187 https://webkit.org/blog/14931/release-notes-for-safari-technology-preview-187/ -------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Better JavaScript Shell Scripting with Bun Shell https://bun.sh/blog/the-bun-shell Announcing AdonisJS v6 https://adonisjs.com/blog/adonisjs-v6-announcement QuickJS Javascript Engine https://bellard.org/quickjs/ Web Components in Earnest https://naildrivin5.com/blog/2024/01/24/web-components-in-earnest.html Alpine, HTMX, Astro Stack Wordle App With Full Source! https://www.youtube.com/watch?v=vQUqgURgG8M How to start a React Project in 2024 https://www.robinwieruch.de/react-starter/ Build a Next.js app in Storybook with React Server Components and Mock Service Worker https://storybook.js.org/blog/build-a-nextjs-app-with-rsc-msw-storybook/ Jint 3.0: A JavaScript Interpreter for .NET https://github.com/sebastienros/jint Announcing Mutative 1.0 - A New Era in Efficient Immutable Updates https://mutative.js.org/blog/releases/1.0/ React Email 2.0 https://resend.com/blog/react-email-2 workerpool 9.1: Offload Tasks to a Pool of Workers https://github.com/josdejong/workerpool Describe your data up front and generate schemas https://typespec.io/ Run Third-Party Scripts From A Web Worker https://partytown.builder.io/ Convert milliseconds to a human readable string https://github.com/sindresorhus/pretty-ms nmea.js: A Library to Parse Maritime Electronics Data https://github.com/BMSVieira/nmea.js Lessons learned upgrading to React 18 in SonarQube https://www.sonarsource.com/blog/upgrading-react-18-sonarqube/ A Comprehensive Guide to React and OpenLayers Integration https://mxd.codes/articles/how-to-create-a-web-map-with-open-layers-and-react Gateway to React: the React.dev Story https://www.youtube.com/watch?v=LfVT2nNsaJ8 React Server Components Change Everything https://www.youtube.com/watch?v=rGPpQdbDbwo Prop drilling and component composition in React https://alexsidorenko.com/blog/react-prop-drilling-composition/ Updating public Next.js environment variables without rebuilds https://phase.dev/blog/nextjs-public-runtime-variables/

Converting a Qwik AI app to Sveltekit

https://www.timsmith.tech/blog/converting-a-qwik-ai-app-to-sveltekit --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 12 Modern CSS One-Line Upgrades https://moderncss.dev/12-modern-css-one-line-upgrades/ A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view() https://tympanus.net/codrops/2024/01/17/a-practical-introduction-to-scroll-driven-animations-with-css-scroll-and-view/ AI for Web Devs: Project Introduction & Setup https://austingil.com/ai-for-web-devs-set-up/ Modern CSS, the state of the web, Safari's progress, and more! With Jen Simmons https://www.youtube.com/watch?v=nn3vYS_msc0 Learn CSS :has() selector by examples: 5 top use cases https://bejamas.io/blog/learn-css-has-selector-by-examples-top-use-cases/ Better form UX with the CSS property field-sizing https://blog.stephaniestimac.com/posts/2024/01/css-field-sizing/ Design better pagination https://coyleandrew.medium.com/design-better-pagination-a022a3b161e1 Disable browser caching with meta HTML tags https://cristian.sulea.net/blog/disable-browser-caching-with-meta-html-tags/ Video: Building a Greener Web (Smashing Meets Goes Green) https://css-irl.info/video-building-a-greener-web-smashing-meets/ A small zero-dependency Web Component to add sparkles to text fragments. https://github.com/stefanjudis/sparkly-text Design Systems Database https://designsystems.surf/ svg filter maker https://svgfm.chriskirknielsen.com/ Wooden Toggles https://codepen.io/nicolasjesenberger/pen/mdomqGR Typeculator: A Different Approach to Generating Type Scales https://typeculator.alexpaul.me/ A replacement for setInterval() and setTimeout() which works in unfocused windows. https://github.com/chrisguttandin/worker-timers CSS3D Clouds https://spite.github.io/CSS3DClouds/ --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Describe your data up front and generate schemas https://typespec.io/ Mastering Cryptography Fundamentals with Node’s crypto module https://blog.yonatan.dev/cryptography-with-node-crypto-module/ A 2024 Wishlist for Node's Test Runner https://cjihrig.com/test_runner_wishlist_2024 Handling Environment Variables in Node.js https://blog.platformatic.dev/handling-environment-variables-in-nodejs How to use Google Cloud Shell Editor to deploy a project from GitHub to Cloud Run https://geshan.com.np/blog/2024/01/cloud-shell-editor/ Is it time to switch from Docker to Podman? https://www.youtube.com/watch?v=7-qo6tTPdTM A beautiful and powerful syntax highlighter https://shikiji.netlify.app/ Wiki.js: A Modern Wiki App Built on Node https://js.wiki/ Announcing Knip v4 https://knip.dev/blog/knip-v4 Pa11y: An Automated Web Page Accessibility Testing Tool https://github.com/pa11y/pa11y --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 The Top Accessibility Errors Found in 2023 https://www.tpgi.com/the-top-accessibility-errors-found-in-2023/ A Modest Web Components Styling Proposal: An “I Know What I’m Doing” Selector https://frontendmasters.com/blog/a-modest-web-components-styling-proposal-an-i-know-what-im-doing-selector/ The Complex But Awesome CSS border-image Property https://www.smashingmagazine.com/2024/01/css-border-image-property/ Handling Null, Undefined and Zero Values in JavaScript https://css-irl.info/handling-null-undefined-and-zero-values-in-javascript/ Release Notes for Safari Technology Preview 186 https://webkit.org/blog/14916/release-notes-for-safari-technology-preview-186/ My take on fading content using transparent gradients in CSS https://polypane.app/blog/my-take-on-fading-content-using-transparent-gradients-in-css/ --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 console.delight https://frontendmasters.com/blog/console-delight/ The AHA Stack https://ahastack.dev/ React Libraries for 2024 https://www.robinwieruch.de/react-libraries/ The Golden Rule of Assertions https://www.epicweb.dev/the-golden-rule-of-assertions I code Minesweeper in JavaScript! https://www.youtube.com/watch?v=jS7iB9mRvcc 5 CSS snippets every front-end developer should know in 2024 https://web.dev/articles/5-css-snippets-every-front-end-developer-should-know-in-2024 Migrating from Zod to Valibot: A Comparative Experience https://mwskwong.com/blog/migrating-from-zod-to-valibot-a-comparative-experience Difference between getElementByID and querySelector https://kiru.io/til/entries/2024-01-16-javaScript-difference-querySelector-and-getElementById/ A powerful Heat Map. With tons of settings, Heat.js can be tailored to suit your every need. Lightweight. https://www.william-troup.com/heat-js/ Top Front-End Tools Of 2023 https://www.smashingmagazine.com/2024/01/top-frontend-tools-2023/ Benchmark your code easily with Tinybench https://github.com/tinylibs/tinybench Orbital Object Toolkit: Orbital Mechanics Made Easier https://github.com/thkruz/ootk-core A replacement for setInterval() and setTimeout() which works in unfocused windows. https://github.com/chrisguttandin/worker-timers JavaScript Behavior Tree Library https://github.com/yantra-core/Sutra.js A react data grid with no compromises https://grid.glideapps.com/ Using React with temple https://templ.guide/syntax-and-usage/using-react-with-templ/ 10 common mistakes with the Next.js App Router https://www.youtube.com/watch?v=RBM03RihZVs Our open-source project for building AI / Data full-stack apps got funded! https://dev.to/taipy/our-open-source-project-for-building-ai-data-full-stack-apps-got-funded-4e68 --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 5 CSS snippets every front-end developer should know in 2024 https://web.dev/articles/5-css-snippets-every-front-end-developer-should-know-in-2024 Top Front-End Tools Of 2023 https://www.smashingmagazine.com/2024/01/top-frontend-tools-2023/ Accessible notifications with ARIA Live Regions (Part 1) https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-1/ The Complex But Awesome CSS border-image Property https://www.smashingmagazine.com/2024/01/css-border-image-property/ How to use data-nosnippet to block specific content from being used in a Google search snippet [Experiment] https://www.gsqi.com/marketing-blog/how-to-use-data-nosnippet/ Money Talks! Formatting Currency in Web Content https://www.tpgi.com/money-talks-formatting-currency-in-web-content/ I Hate CORS. https://www.youtube.com/watch?v=Hifll_y8-HE I Used Netscape Composer in 2024 https://plbrault.com/blog-posts/i-used-netscape-composer-in-2024-en/ What PWA Can Do Today https://whatpwacando.today/ Pa11y: An Automated Accessibility Testing Tool https://github.com/pa11y/pa11y A dedicated scratchpad for developers https://heynote.com/ Penrose Create beautiful diagrams https://penrose.cs.cmu.edu/ SVG Icons CLI https://github.com/alexanderson1993/svg-icons-cli --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts https://socket.dev/blog/2023-npm-retrospective Node v21.6.0 (Current) https://nodejs.org/en/blog/release/v21.6.0 Introducing fsx: A modern filesystem API for JavaScript https://humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/ Transcribe audio to text on Cloudflare Workers with AssemblyAI and TypeScript https://www.assemblyai.com/blog/transcribe-audio-cloudflare-workers-assemblyai-nodejs-typescript/ Preventing and Debugging Memory Leaks in Node.js https://betterstack.com/community/guides/scaling-nodejs/high-performance-nodejs/nodejs-memory-leaks/ Benchmark your code easily with Tinybench, https://github.com/tinylibs/tinybench CSV Parser and Formatter https://c2fo.github.io/fast-csv/ wacat - Tests your web application against cat chaos! https://github.com/mikesmallhelp/wacat Automock: Improve and Optimize Your Unit Testing Process https://automock.dev/docs/getting-started/ web-worker 1.3 https://www.npmjs.com/package/web-worker --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Tyler’s CSS Wish List for 2024 https://cloudfour.com/thinks/tylers-css-wish-list-for-2024/ Nested Dark Mode via CSS Proximity https://jwdallas.com/posts/nesteddarkmode/ About subgrid and colored grid lines https://www.lenesaile.com/en/blog/about-subgrid-and-colored-grid-lines/ Accounting for Internationalization with CSS and HTML https://sparkbox.com/foundry/internationalization_css_html Top Front-End Tools Of 2023 https://www.smashingmagazine.com/2024/01/top-frontend-tools-2023/ --------------------- For more- subscribe to the channel Telegram: https://t.me/webWekkly WhatsApp: https://whatsapp.com/channel/0029VaKa4PbJkK76f7WAEL1S