The weekly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Transformers.js 2.7: ML for the Web, Now with Text-to-Speech https://github.com/xenova/transformers.js/releases/tag/2.7.0 Web Components Will Outlive Your JavaScript Framework https://jakelazaroff.com/words/web-components-will-outlive-your-javascript-framework/ Yarn 4.0 🪄⚗️ https://yarnpkg.com/blog/release/4.0 Node v21.1.0 (Current) https://nodejs.org/en/blog/release/v21.1.0 The React team has announced https://twitter.com/reactjs/status/1716573234160967762 Svelte by Example https://sveltebyexample.com/ Why I Won't Use Next.js https://www.epicweb.dev/why-i-wont-use-nextjs Goodbye, Node.js Buffer https://sindresorhus.com/blog/goodbye-nodejs-buffer Changing Colors in an SVG Element Using CSS and JavaScript https://kirupa.com/web/changing_colors_svg_css_javascript.htm ES Module imports in Node.js and the browser https://eli.thegreenplace.net/2023/es-module-imports-in-nodejs-and-the-browser/ Radix Vue Vue Port of Radix UI https://www.radix-vue.com/ react-magic-motion https://www.react-magic-motion.com/ Background Removal in the Browser & Node.js https://github.com/imgly/background-removal-js#background-removal-in-the-browser--nodejs Wireit upgrades your npm scripts to make them smarter and more efficient. https://github.com/google/wireit The nine best recommendations in the new React docs https://blog.testdouble.com/posts/2023-10-16-react-docs-recommendations/ Tao of React - Software Design, Architecture & Best Practices https://alexkondov.com/tao-of-react/ Adding screen capture functionality to a React Native app https://blog.logrocket.com/adding-screen-capture-functionality-react-native/ Web Animation for Your React App: Framer Motion vs GSAP https://semaphoreci.com/blog/react-framer-motion-gsap Optimizing Performance: How Our Extension Became Lightning Fast https://cascaspace.substack.com/p/optimizing-performance-how-our-extension --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Select element: now with horizontal rules https://developer.chrome.com/en/blog/hr-in-select/ Vectorpea: An Online Vector Editor https://www.vectorpea.com/ I asked people to make this simple layout and was surprised by the results https://www.youtube.com/watch?v=ztBgxsgEG9A Introduction to web sustainability https://developer.mozilla.org/en-US/blog/introduction-to-web-sustainability/ The Three Cs: 🤝 Concatenate, 🗜️ Compress, 🗳️ Cache https://csswizardry.com/2023/10/the-three-c-concatenate-compress-cache/ Using ChatGPT for Smart Truncation in Responsive Web Design https://thecleverest.com/using-chatgpt-for-smart-truncation-in-responsive-web-design/ No more 404 https://remysharp.com/2023/09/26/no-more-404 Changing Colors in an SVG Element Using CSS and JavaScript https://kirupa.com/web/changing_colors_svg_css_javascript.htm Using ChatGPT, Github Copilot and Phind to generate Tailwind config for width classes https://allaboutcoding.ghinda.com/using-chatgpt-github-copilot-and-phind-to-generate-tailwind-config-for-width-classes Using CSS custom properties like this is a waste https://www.youtube.com/watch?v=_2LwjfYc1x8 Web Accessibility Strategies for Non-Accessible Projects https://www.youtube.com/watch?v=7VKducQ_tHg cccolor: A HEX, RGB and HSL Color Picker for HTML / CSS https://fffuel.co/cccolor/ Color contrast accessibility tools with examples https://blog.pope.tech/2023/10/17/color-contrast-accessibility-tools-with-examples/ Build material design in record time without stress for devs https://www.beercss.com/ ruffle is a Flash Player emulator built in the Rust programming language. https://ruffle.rs/ 404 Illustrations https://www.kapwing.com/404-illustrations Background Removal in the Browser & Node.js https://github.com/imgly/background-removal-js#background-removal-in-the-browser--nodejs --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly Javet 3.0: Embed Node and V8 in Java Apps https://www.caoccao.com/Javet/ Release: Yarn 4.0 🪄⚗️ https://yarnpkg.com/blog/release/4.0 A Reminder about Node's Different Release Lines https://nodejs.dev/en/about/releases/ Background Removal in the Browser & Node.js https://github.com/imgly/background-removal-js#background-removal-in-the-browser--nodejs Wireit upgrades your npm scripts to make them smarter and more efficient. https://github.com/google/wireit Publish packages to npm automatically in GitHub Actions by updating the version number. https://github.com/JS-DevTools/npm-publish The MongoDB Node.js team is pleased to announce version 6.2.0 of the mongodb package! https://github.com/mongodb/node-mongodb-native/releases/tag/v6.2.0 Serverless Offline 8.5: Local Emulation of AWS Lambda and API Gateway https://github.com/dherault/serverless-offline

מעביר שוב... לפני שבוע וחצי פרסמתי כאן קופונים חינם לקורסים שלי ביודמי. פנו אליי בימים האחרונים לא מעט וביקשו גישה כי לא הספיקו. לצערי הקופונים ביודמי חיים רק למשך 5 ימים (לא בשליטתי) וקרה שהקופונים פגו ואנשים עוד מנסים להשתמש בהם. יצרתי עוד קופונים לכל הקורסים בחינם לגמרי. הם זמינים ל5 ימים. נא לא להוציא מחוץ לקבוצות ישראליות, אחרת הקופונים ייאזלו. *AI For JavaScript Developers (OpenAI, Embeddings, Vercel AI)* https://www.udemy.com/course/ai-for-js-devs/?couponCode=3967435B7B78B68098A2 *NestJS Zero to Hero - Modern TypeScript Back-end Development* https://www.udemy.com/course/nestjs-zero-to-hero/?couponCode=4E191A3F08734AD06077 *Serverless Framework Bootcamp: Node.js, AWS & Microservices* https://www.udemy.com/course/serverless-framework/?couponCode=FACBE5D3F4530541AB3A תהנו 💙🤍

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Introduction to web sustainability https://developer.mozilla.org/en-US/blog/introduction-to-web-sustainability/ How To Animate Along A Path In CSS https://www.smashingmagazine.com/2023/10/animate-along-path-css/ Release Notes for Safari Technology Preview 181 https://webkit.org/blog/14721/release-notes-for-safari-technology-preview-181/ The Three Cs: 🤝 Concatenate, 🗜️ Compress, 🗳️ Cache https://csswizardry.com/2023/10/the-three-c-concatenate-compress-cache/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 ApexCharts: Interactive Charting and Dataviz Library https://github.com/apexcharts/apexcharts.js#readme Node.js 21 is now available! https://nodejs.org/en/blog/announcements/v21-release-announce Solid.js Creator Outlines Options to Reduce JavaScript Code https://thenewstack.io/solid-js-creator-outlines-options-to-reduce-javascript-code/ The nuances of base64 encoding strings in JavaScript https://web.dev/articles/base64-encoding event.target.closest https://adactio.com/journal/20551 Let's prototype a JavaScript JIT compiler! https://www.youtube.com/watch?v=8mxubNQC5O8 New Angular 17 feature: deferred loading https://www.angularaddicts.com/p/angular-17-feature-deferred-loading-with-signals Postgres.js 3.4: A Full-Featured Postgres Client for All https://github.com/porsager/postgres pure 100% JavaScript implementation of the HTML Canvas 2D drawing API for NodeJS https://github.com/joshmarinacci/node-pureimage multi-server task scheduler and runner https://github.com/jhuckaby/Cronicle Timeline JS Easy-to-make, beautiful timelines https://timeline.knightlab.com/ Web Component for responsive <table> elements https://github.com/zachleat/table-saw tiny Javascript engine that lets you create games https://btco.github.io/qx82/ Announcing TanStack Query v5 https://tanstack.com/blog/announcing-tanstack-query-v5 React memo is good actually https://timtech.blog/posts/react-memo-is-good-actually/ React Forget: React for developers and compilers https://www.youtube.com/watch?v=kjOacmVsLSE Git Commands: The Ultimate Cheatsheet https://dev.to/mosimidev/git-commands-the-ultimate-cheatsheet-41j2 React Ecosystem in 2024 https://dev.to/avinashvagh/react-ecosystem-in-2024-418k --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 How Custom Property Values are Computed https://moderncss.dev/how-custom-property-values-are-computed/ HTML Tags Memory Test https://codepen.io/plfstr/full/zYqQeRw CSS relative color syntax https://developer.chrome.com/blog/css-relative-color-syntax/ The Negative Impact of Mobile-First Web Design on Desktop https://www.nngroup.com/articles/content-dispersion/ Scroll-Driven State Transfer https://kizu.dev/scroll-driven-state-transfer/ Table of Contents: The Ultimate Design Guide https://www.nngroup.com/articles/table-of-contents/ A small structural-only zero-dependency Web Component for responsive <table> elements https://github.com/zachleat/table-saw Build a Better Mobile Input https://better-mobile-inputs.netlify.app/ audioMotion-analyzer https://audiomotion.dev/#/ css-size-analyzer https://www.debugbear.com/css-size-analyzer VOV.CSS: A Utility Library of Useful CSS Animations https://vaibhav111tandon.github.io/vov.css/ 3D Plugin for Tailwind CSS https://github.com/sambauers/tailwindcss-3d#3d-plugin-for-tailwind-css selectors.info: A Simple Interactive Tool to Learn CSS Selectors https://selectors.info/ Copy and Microcopy: How to Capture Attention and Drive Action https://www.commoninja.com/blog/guide-to-copy-and-microcopy --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Node.js 21 Available Now! https://openjsf.org/announcement/2023/10/17/node-js-21-available-now/ Don't Block the Event Loop (or the Worker Pool) https://nodejs.org/en/docs/guides/dont-block-the-event-loop Speeding up the JavaScript ecosystem - The barrel file debacle https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-7/ PDF Chat with Node.js, OpenAI and ModelFusion https://modelfusion.dev/blog/pdf-chat-nodejs Organizing multiple Git identities https://garrit.xyz/posts/2023-10-13-organizing-multiple-git-identities PureImage: A Pure JS HTML Canvas 2D for Node.js https://github.com/joshmarinacci/node-pureimage ESLint plugin for finding RegExp mistakes and RegExp style guide violations. https://github.com/ota-meshi/eslint-plugin-regexp multi-server task scheduler and runner, https://github.com/jhuckaby/Cronicle List of SaaS boilerplates (starter kits) by stack https://github.com/smirnov-am/awesome-saas-boilerplates --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 JavaScript Weekly 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Speeding up the JavaScript ecosystem - The barrel file debacle https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-7/ Building a Water/Fluid Simulation in JavaScript https://kyndinfo.notion.site/Fluid-Simulation-f0516d9d12e245a08ae5c7545ac822dd Angular, Qwik Creator on How JS Frameworks Handle Reactivity https://thenewstack.io/angular-qwik-creator-on-how-js-frameworks-handle-reactivity/ Web server ‘hello world’ benchmark : Go vs Node.js vs Nim vs Bun https://lemire.me/blog/2023/10/07/web-server-hello-world-benchmark-go-vs-node-js-vs-nim-vs-bun/ Business Intelligence as Code https://evidence.dev/ Announcing Payload 2.0: Postgres, Live Preview, Lexical RTE, and More https://payloadcms.com/blog/payload-2-0 Visual Studio Code Extension Tester https://github.com/redhat-developer/vscode-extension-tester Sharing State with Islands Architecture https://frontendatscale.com/blog/islands-architecture-state/?ck_subscriber_id=234651073 Advanced customization guide to React Aria Components https://react-spectrum.adobe.com/react-aria/advanced.html?ck_subscriber_id=234651073 Convex is the fullstack TypeScript development platform. https://www.convex.dev/?ck_subscriber_id=234651073 How I used GitHub Copilot Chat to build a ReactJS gallery prototype https://github.blog/2023-09-27-how-i-used-github-copilot-chat-to-build-a-reactjs-gallery-prototype/?ck_subscriber_id=234651073 React Google Maps: Drawing Tools https://sudolabs.com/insights/react-google-maps-drawing-tools?ck_subscriber_id=234651073 --------------------- For more- subscribe to the channel https://t.me/webWekkly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Frontend Focus 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 When to Nest CSS https://cloudfour.com/thinks/when-to-nest-css/ 5 best practices for preventing chaos in Tailwind CSS https://evilmartians.com/chronicles/5-best-practices-for-preventing-chaos-in-tailwind-css Demystifying WCAG 2.2 https://www.viget.com/articles/demystifying-wcag-2-2/ New origin trial for fullscreen popup windows https://developer.chrome.com/blog/fullscreen-popups-origin-trial/ The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark() https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/ Being Picky about a CSS Reset for Fun & Pleasure https://chriscoyier.net/2023/10/03/being-picky-about-a-css-reset-for-fun-pleasure/ Expanding the Foundations of the Open Web https://research.mozilla.org/ Simplified Responsive Design Mode https://webkit.org/blog/14670/simplified-responsive-design-mode/ Tammy Everts – The Psychology of Web Performance - btconf Berlin 2023 https://www.youtube.com/watch?v=leQZOmD7IYQ CDNs: Speed Up Performance by Reducing Latency https://austingil.com/file-uploads-cdn/ A super tiny Javascript autocomplete / autosuggestion library https://github.com/knadh/autocomp.js lite-youtube-embed v0.3 https://github.com/paulirish/lite-youtube-embed Durves: A Tool for Creating and Exporting Dot Patterns for Graphic Designers https://www.durves.com/ Gradient Designer: A Visual Tool to Create/Customize Gradients Using Modern Features https://akx.github.io/gradient/ CSS Box Shadows Generator: An Online Tool to Edit and Generate Code for Layered Box Shadows https://boxshadows.xyz/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

ימים קשים עוברים עלינו - והתלבטתי אם לפרסם, אם בכלל שייך - אבל לא ניתן לאף אחד לעצור אותנו... בתקווה לימים יותר טובים 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 node weekly Announcing Payload 2.0: Postgres, Live Preview, Lexical RTE, and More https://payloadcms.com/blog/payload-2-0 A simple yet powerful testing framework for Node.js https://japa.dev/docs/introduction Web server ‘hello world’ benchmark : Go vs Node.js vs Nim vs Bun https://lemire.me/blog/2023/10/07/web-server-hello-world-benchmark-go-vs-node-js-vs-nim-vs-bun/ Bootstrap components recreated with Tailwind CSS, but with better design and more functionalities https://tailwind-elements.com/ Node.js Native Addon that provides bindings to WebRTC M94. https://github.com/WonderInventions/node-webrtc Visual Studio Code Extension Tester https://github.com/redhat-developer/vscode-extension-tester The Hidden Performance Cost of NodeJS and GraphQL https://www.softwareatscale.dev/p/the-hidden-performance-cost-of-nodejs --------------------- For more- subscribe to the channel https://t.me/webWekkly

ימים קשים עוברים עלינו - והתלבטתי אם לפרסם, אם בכלל שייך - אבל לא ניתן לאף אחד לעצור אותנו... בתקווה לימים יותר טובים 🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 Front-End Front Top Stories Naming things needn’t be hard https://classnames.paulrobertlloyd.com/ When to Nest CSS https://cloudfour.com/thinks/when-to-nest-css/ Limit the reach of your selectors with the CSS @scope at-rule https://developer.chrome.com/articles/at-scope/?ref=sidebar Release Notes for Safari Technology Preview 180 https://webkit.org/blog/14664/release-notes-for-safari-technology-preview-180/ The Ultimate Low-Quality Image Placeholder Technique https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly An Interactive Intro to CRDTs https://jakelazaroff.com/words/an-interactive-intro-to-crdts/ Test Assertion Styles in JavaScript https://blog.izs.me/2023/09/software-testing-assertion-styles/ Simultaneous Router Management in Angular Microfrontends https://medium.com/@avishome/simultaneous-router-management-in-angular-microfrontends-6aa077e93b2d NEXT - איך לבנות אפליקצית פולסטאק מאפס ועד להתקנה בענן, עם Next Auth, Postgres & remult https://youtu.be/_SrccDEbAhQ?si=Hk1icX1DpoGvpg43 Build a Full-Stack CRUD Realtime App: Next.js 13 App Directory, Postgres, Deploy to Vercel + Ably https://www.youtube.com/watch?v=-drRtYhmVN0 Strong static typing, a hill I'm willing to die on... https://www.svix.com/blog/strong-typing-hill-to-die-on/ The Story of Third-party JavaScript https://benv.ca/blog/posts/the-story-of-third-party-javascript Typescript Monorepo with NPM workspaces https://www.yieldcode.blog/post/npm-workspaces/ Test your React Libraries Locally with Yalc https://www.propelauth.com/post/test-your-react-libraries-with-yalc Tailwind Elements 1.0: 500+ Bootstrap Components Recreated with Tailwind https://tailwind-elements.com/ Lite YouTube Embed 0.3: A Faster Youtube Embed https://github.com/paulirish/lite-youtube-embed/releases/tag/v0.3.0 Fast 2kB alternative to Moment.js with the same modern API https://github.com/iamkun/dayjs Viselect: Let Users Visually Select DOM Elements https://simonwep.github.io/selection/ Tailwind Nextjs Starter Blog https://github.com/timlrx/tailwind-nextjs-starter-blog#tailwind-nextjs-starter-blog A tiny JavaScript runtime for RP2040 (Raspberry Pi Pico) https://kalumajs.org/ Sort an array on an object property https://github.com/sindresorhus/sort-on building powerful & feature-rich drag-n-drop page editors. https://craft.js.org/ Next.js 13 vs Remix: An In-depth case study https://prateeksurana.me/blog/nextjs-13-vs-remix-an-in-depth-case-study/ The Uphill Battle of Memoization https://tkdodo.eu/blog/the-uphill-battle-of-memoization Accessible, Typesafe, Progressively Enhanced Modern Web Forms https://www.epicweb.dev/accessible-typesafe-progressively-enhanced-modern-web-forms Mastering Performance: How Misko Hevery is Transforming Development! https://www.youtube.com/watch?v=-7QHBN-FqhY --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus The Ultimate Low-Quality Image Placeholder Technique https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/ Photoshop is now on the web! https://medium.com/@addyosmani/photoshop-is-now-on-the-web-38d70954365a Chrome now shows each active tab’s memory usage! https://medium.com/@addyosmani/chrome-now-shows-each-active-tabs-memory-usage-4f74876538e6 Get ready for Interop 2024 https://webkit.org/blog/14633/get-ready-for-interop-2024/ What’s new in DevTools: Chrome 118 https://www.youtube.com/watch?v=-dOYxJnRhxQ Upgrading frontend dependencies with confidence https://docusaurus.io/blog/upgrading-frontend-dependencies-with-confidence-using-visual-regression-testing From WebGL to WebGPU https://developer.chrome.com/blog/from-webgl-to-webgpu/ Using the Intl segmenter API https://polypane.app/blog/using-the-intl-segmenter-api/ Animating Multi-Page Navigations with Browser View Transitions and Astro https://tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro/ Misconceptions can kill accessibility momentum https://yatil.net/blog/misconceptions-can-kill-accessibility-momentum Making a Website is for Everyone https://blog.jim-nielsen.com/2023/websites-are-for-normies/ Websites in the dock https://adactio.com/journal/20520 The Angular Renaissance: Why Frontend Devs Should Revisit It https://thenewstack.io/the-angular-renaissance-why-frontend-devs-should-revisit-it/ Viselect https://simonwep.github.io/selection/ Critical extracts & inlines critical-path (above-the-fold) CSS from HTML https://github.com/addyosmani/critical Add interactive code cells to any webpage https://github.com/rameshvarun/blog-cells Launch emulators like never before https://www.minisim.app/ Sprite your SVGs https://sprite-your-svgs.vercel.app/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

node weekly Honey, I shrunk the npm package https://jamiemagee.co.uk/blog/honey-i-shrunk-the-npm-package/ Node v20.8.0 (Current) https://nodejs.org/en/blog/release/v20.8.0 Integrating Slonik with Express.js https://contra.com/p/bgA66gkW-integrating-slonik-with-express-js A Socket API that works across JavaScript runtimes — announcing a WinterCG spec and Node.js implementation of connect() https://blog.cloudflare.com/socket-api-works-javascript-runtimes-wintercg-polyfill-connect/ Best Practices for Securing Node.js Applications in Production https://semaphoreci.com/blog/securing-nodejs Typescript Monorepo with NPM workspaces https://www.yieldcode.blog/post/npm-workspaces/ Build APIs with JavaScript and Postgres, fast. https://instant.dev/ a zero-dependency npm module that loads environment variables from a .env file into process.env. https://github.com/kerimdzhanov/dotenv-flow Tesseract.js 5.0: Pure JS OCR for 100+ Languages https://github.com/naptha/tesseract.js Node-based command-line interfaces (CLIs) in TypeScript or modern JavaScript https://github.com/infinitered/gluegun A no frills Open Sound Control client and server. Heavily inspired by pyOSC. https://github.com/MylesBorins/node-osc set of tools for developing and building server-side applications with Vite. https://github.com/cyco130/vavite Match files using the patterns the shell uses. https://github.com/isaacs/node-glob --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories State of HTML 2023 https://survey.devographics.com/en-US/survey/state-of-html/2023 Textareas with auto-increasing height using CSS https://amitmerchant.com/textarea-auto-increase-height/ CSS Nesting and the Cascade https://webkit.org/blog/14571/css-nesting-and-the-cascade/ The Path To Awesome CSS Easing With The linear() Function https://www.smashingmagazine.com/2023/09/path-css-easing-linear-function/ Responsive type scales with composable CSS utilities https://tobiasahlin.com/blog/responsive-fluid-css-type-scales/ photoshop-is-now-on-the-web https://medium.com/@addyosmani/photoshop-is-now-on-the-web-38d70954365a ECMAScript 2023 (ES14) — what to expect https://nairihar.medium.com/ecmascript-2023-es14-what-to-expect-fd3e19421ce8 CSS-only Widgets Are Inaccessible https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly The Saga of the Closure Compiler, and Why TypeScript Won https://effectivetypescript.com/2023/09/27/closure-compiler/ Speeding up the JavaScript ecosystem - Polyfills gone rogue https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-6/ One Thing Nobody Explained To You About TypeScript https://redd.one/blog/one-thing-nobody-explained-to-you-about-typescript Upgrading frontend dependencies with confidence https://docusaurus.io/blog/upgrading-frontend-dependencies-with-confidence-using-visual-regression-testing Understanding the JavaScript Modulo Operator https://www.joshwcomeau.com/javascript/modulo-operator/ Temporal API is Awesome https://taro.codes/posts/2023-08-23-temporal-api/ React Google Maps: Drawing Tools https://sudolabs.com/insights/react-google-maps-drawing-tools My thoughts on Svelte 5 as a full-time Svelte Developer for 3+ years https://poxi.substack.com/p/my-thoughts-on-svelte-5-as-a-full Tesseract.js 5.0: JavaScript OCR for 100+ Languages https://github.com/naptha/tesseract.js ChatGPT.js: A Library for Working with ChatGPT via the DOM https://chatgpt.js.org/#/ instant.dev Build APIs with JavaScript and Postgres, fast. https://instant.dev/ Chardet 2.0: Character Encoding Detection Library https://github.com/runk/node-chardet n64js is an n64 emulator written in (mostly) pure ES6 JavaScript. https://github.com/hulkholden/n64js A bizarre JS-Equality puzzle inspired by oh-my-dear-js and nice.js. https://js-crush.vercel.app/ Best Practices for Developing Complex Form-Based Apps with React Hook Form and TypeScript Support https://orizens.com/blog/best_practices_for_developing_complex_form-based_apps_with_react_hook_form_and_typescript_support/ Build Your Own ChatGPT Clone with React and the OpenAI API https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/ Implementing Dark Mode in React Native https://thoughtbot.com/blog/react-native-dark-mode React Advanced: Decoupling your components in the right way https://dev.to/riktar/react-advance-decoupling-your-components-in-the-right-way-4pkn qwik-angular https://github.com/QwikDev/qwik-angular --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus State of HTML 2023 https://survey.devographics.com/en-US/survey/state-of-html/2023 Cloudflare Fonts: enhancing website font privacy and speed https://blog.cloudflare.com/cloudflare-fonts-enhancing-website-privacy-speed/ Why HTTP/3 is eating the world https://blog.apnic.net/2023/09/25/why-http-3-is-eating-the-world/ The Path To Awesome CSS Easing With The linear() Function https://www.smashingmagazine.com/2023/09/path-css-easing-linear-function/ the design system ecosystem https://bradfrost.com/blog/post/the-design-system-ecosystem/ Responsive type scales with composable CSS utilities https://tobiasahlin.com/blog/responsive-fluid-css-type-scales/ Web Push is almost usable with iOS 17 https://steele.blue/web-push-ios17/ CSS Terminology Demystified https://www.youtube.com/watch?v=HKfclpLSjME Your Cache Headers Could Probably be More Aggressive https://www.macarthur.me/posts/more-aggressive-cache-headers Accessibility Is Easy … Except for When It Isn’t https://a11y-tools.com/presentations/SOTB23/ ChatGPT.js: A JavaScript Library for Working with ChatGPT's DOM https://chatgpt.js.org/#/ Mimic.css is an css animations library because everyone else is doing it. https://github.com/erictreacy/mimic.css View and analyze trends in repository issues over time https://www.repotrends.com/ Media-Card-Web-Component https://github.com/MarketingPipeline/Media-Card-Web-Component#media-card-web-component 🐀 Small chrome extension to monitor (and optionally block) other extensions' network calls https://github.com/dnakov/little-rat Versatile and extensible page transition library for server-rendered websites https://swup.js.org/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly Speeding up the JavaScript ecosystem - Polyfills gone rogue https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-6/ GitHub Actions could be so much better https://blog.yossarian.net/2023/09/22/GitHub-Actions-could-be-so-much-better Token based authentication with Fastify, JWT, and Typescript https://thatarif.in/posts/token-based-authentication-with-fastify-jwt Temporal API is Awesome https://taro.codes/posts/2023-08-23-temporal-api/ 🏃‍♂️🏃‍♀️🏃 JS minification benchmarks https://github.com/privatenumber/minification-benchmarks Your GitHub notifications on your menu bar. https://www.gitify.io/ Release Please 16.0: A Release Automation Tool from Google https://github.com/googleapis/release-please Envalid is a small library for validating and accessing environment variables in Node.js programs https://github.com/af/envalid RDB: A Database Agnostic ORM for Node https://rdbjs.org/ Jazzer.js 2.0: Coverage-Guided, In-Process Fuzzing for Node https://github.com/CodeIntelligenceTesting/jazzer.js A lightweight interface for running git commands in any node.js application. https://github.com/steveukx/git-js Critical extracts & inlines critical-path (above-the-fold) CSS from HTML https://github.com/addyosmani/critical The Canary in the Gold Mine v9.0 https://github.com/nodejs/citgm Asynchronous node.js wrapper for the Poppler PDF rendering library https://github.com/Fdawgs/node-poppler --------------------- For more- subscribe to the channel https://t.me/webWekkly