The weekly

🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱🇮🇱 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

Front-End Front Top Stories Type safe CSS design systems with @property https://nerdy.dev/cant-break-this-design-system A (more) Modern CSS Reset https://andy-bell.co.uk/a-more-modern-css-reset/ Revealing Images With CSS Mask Animations https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations/ CSS Findings From The Threads App: Part 2 https://ishadeed.com/article/threads-app-css-part-2/ WebKit Features in Safari 17.0 https://webkit.org/blog/14445/webkit-features-in-safari-17-0/ Understanding the JavaScript Modulo Operator https://www.joshwcomeau.com/javascript/modulo-operator/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly TypeScript Origins: The Documentary https://www.youtube.com/watch?v=U6s2pdxebSo Patterns for Reactivity with Modern Vanilla JavaScript https://frontendmasters.com/blog/vanilla-javascript-reactivity/ Deno 1.37: Modern JavaScript in Jupyter Notebooks https://deno.com/blog/v1.37 🏃‍♂️🏃‍♀️🏃 JS minification benchmarks https://github.com/privatenumber/minification-benchmarks Get All That Network Activity Under Control with Priority Hints https://www.macarthur.me/posts/priority-hints Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples https://www.nodejs-security.com/blog/securing-your-nodejs-apps-by-analyzing-real-world-command-injection-examples WebKit Features in Safari 17.0 https://webkit.org/blog/14445/webkit-features-in-safari-17-0/ Terminal JSON viewer & processor https://fx.wtf/ Mantine 7.0: The Popular React Component Library https://mantine.dev/changelog/7-0-0/ A natural language date parser in Javascript. https://github.com/wanasit/chrono Powerful motion design in the browser https://www.theatrejs.com/ Versatile and extensible page transition library for server-rendered websites https://swup.js.org/ Create Chrome Extension (.crx) https://github.com/guocaoyi/create-chrome-ext#create-chrome-extension-crx Neutralinojs 4.14.0 https://neutralino.js.org/docs/release-notes/framework/#v4140 v0: 'An AI Tool That's Effectively Midjourney for React' https://v0.dev/ Build a Next.js 13 Dashboard With Authentication using AWS https://www.youtube.com/watch?v=-j7XpK2UQ3w qwik v1.2.12 https://github.com/BuilderIO/qwik/releases/tag/v1.2.12 Bun Adapter for Qwik https://github.com/BuilderIO/qwik/pull/5129 Astro JS Framework: A Practical Guide To Building Faster Websites https://bejamas.io/blog/practical-guide-to-astro-js-framework/ BUILD YOUR OWN SANDWICH WITH REACT HOOKS https://www.totheroot.nl/article/build-your-own-sandwich-with-react-hooks --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus WebKit Features in Safari 17.0 https://webkit.org/blog/14445/webkit-features-in-safari-17-0/ v0: Using AI to Build Frontend Components? https://v0.dev/ free-for.dev: A Bumper List of Stuff That's 'Free' for Developers https://free-for.dev/#/ A (more) Modern CSS Reset https://andy-bell.co.uk/a-more-modern-css-reset/ Get All That Network Activity Under Control with Priority Hints https://www.macarthur.me/posts/priority-hints CSS Findings From The Threads App: Part 2 https://ishadeed.com/article/threads-app-css-part-2/ Revealing Images With CSS Mask Animations https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations/ A Beginner’s Guide to Using Pico CSS https://www.makeuseof.com/pico-css-beginners-guide/ Markdown editing can be even more delightful. https://mdxeditor.dev/ Nue: An Alternative to React, Vue, and Svelte to Build UIs with Cleaner Code https://nuejs.org/ The JavaScript library for data storytelling https://www.plotteus.dev/ Scaffolding your chrome extension, multiple boilerplates supported! https://github.com/guocaoyi/create-chrome-ext --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly Does Node.js Need a Mascot? https://github.com/nodejs/admin/issues/828 Node v20.7.0 (Current) https://nodejs.org/en/blog/release/v20.7.0 My thoughts on Bun and other Adventures https://adventures.nodeland.dev/archive/my-thoughts-on-bun/ Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples https://www.nodejs-security.com/blog/securing-your-nodejs-apps-by-analyzing-real-world-command-injection-examples Serverless Bun vs Node: Benchmarking on AWS Lambda https://medium.com/@mitchellkossoris/serverless-bun-vs-node-benchmarking-on-aws-lambda-ecd4fe7c2fc2 Playwright API testing with zod https://timdeschryver.dev/blog/playwright-api-testing-with-zod Why should not use EventEmitter for Asynchronous Operations https://www.youtube.com/watch?v=Ra7Ji9LmG9o How to Use Node.js to SSH into Remote Servers: A Comprehensive Guide https://bipinparajuli.com.np/blog/shh-node A natural language date parser in Javascript. https://github.com/wanasit/chrono depcheck: A Tool to Check for Unused Dependencies https://github.com/depcheck/depcheck node-diskusage https://github.com/jduncanator/node-diskusage workerpool offers an easy way to create a pool of workers https://github.com/josdejong/workerpool A zero dependency library to safe merge objects and arrays with customizable behavior. https://github.com/tada5hi/smob i18n for ISO 3166-1 country codes. https://github.com/michaelwittig/node-i18n-iso-countries Minimal Framework for Static Websites https://fusionssg.com/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Cool Tools https://css-irl.info/cool-tools/ Stop Lazy Loading Product and Hero Images https://cloudfour.com/thinks/stop-lazy-loading-product-and-hero-images/ Gradients, Blend Modes, And A Really Cool Hover Effect https://www.smashingmagazine.com/2023/09/gradients-blend-modes-hover-effect/ How Far Back in Time Can I Take My Website's Design https://ajxs.me/blog/How_Far_Back_in_Time_Can_I_Take_My_Websites_Design.html How Custom Property Values are Computed https://moderncss.dev/how-custom-property-values-are-computed/ View Transitions Break Incremental Rendering https://ericportis.com/posts/2023/view-transitions-break-incremental-rendering/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Bun 1.0 https://bun.sh/blog/bun-v1.0 JavaScript WTF: Why does every() return true for empty arrays? https://humanwhocodes.com/blog/2023/09/javascript-wtf-why-does-every-return-true-for-empty-array/ TypeScript 5.3 First Look https://www.totaltypescript.com/typescript-5-3 JAVASCRIPT IS GETTING ARRAY GROUPING METHODS https://philna.sh/blog/2023/09/14/javascript-array-grouping-methods/ JPEG and EXIF Data Manipulation in Javascript https://getaround.tech/exif-data-manipulation-javascript/ 2hrs to code Mario with Auth + save scores https://www.youtube.com/watch?v=1CVSI3MZNNg Running a Playwright script on AWS Lambda https://steele.blue/playwright-on-lambda/ A new method to validate URLs in JavaScript (2023 edition) https://www.stefanjudis.com/blog/validate-urls-in-javascript/ TCP echo server for Node.js https://gist.github.com/kfox/1280c2f0ee8324067dba15300e0f2fd3 Build your component library. https://www.shadcn-vue.com/ npm-check-updates https://github.com/raineorshine/npm-check-updates Syntax highlighting, like what GitHub uses to highlight code, but free and open source and JavaScript! https://github.com/wooorm/starry-night Vue.js 3.0 UI Library https://github.com/epicmaxco/vuestic-ui Generate a Web project with Go and Angular, React or Vue. https://github.com/Shpota/goxygen Build terminals in the browser https://xtermjs.org/ State-of-the-art Machine Learning for the web https://huggingface.co/docs/transformers.js/index Introducing TypeChat https://microsoft.github.io/TypeChat/blog/introducing-typechat/ Llama 2 7B/13B are now available in Web LLM!! https://webllm.mlc.ai/ TensorFlow.js https://www.tensorflow.org/js?hl=he Making Sense of React Server Components https://www.joshwcomeau.com/react/server-components/ How to Pass a Component as a Prop in React https://www.totaltypescript.com/pass-component-as-prop-react React Suspense in three different architectures https://elanmed.dev/blog/suspense-in-different-architectures Server-Side Rendering (SSR) with Bun and React https://alexkates.dev/server-side-rendering-ssr-with-bun-and-react --------------------- For more- subscribe to the channel https://t.me/webWekkly

Frontend Focus Stop Lazy Loading Product and Hero Images https://cloudfour.com/thinks/stop-lazy-loading-product-and-hero-images/ Introducing Web Sustainability Guidelines https://www.w3.org/blog/2023/introducing-web-sustainability-guidelines/ Web Components Accessibility FAQ https://www.matuzo.at/blog/2023/web-components-accessibility-faq/ Memories of Molly https://meyerweb.com/eric/thoughts/2023/09/06/memories-of-molly/ How to make charts and graphs more accessible https://blog.pope.tech/2023/08/31/how-to-make-charts-and-graphs-more-accessible/ Creating custom easing effects in CSS animations using the linear() function https://developer.mozilla.org/en-US/blog/custom-easing-in-css-with-linear/ The new Google Fonts: find what you’re looking for https://material.io/blog/2023-google-fonts-redesign A screen reader user’s weird tricks to make accessible websites. Number four will shock you! https://brucelawson.co.uk/2023/a-screen-reader-users-weird-tricks-to-make-accessible-websites-number-four-will-shock-you/ Scroll-Driven Animations Debugger (DevTools Extension) https://www.bram.us/2023/09/12/scroll-driven-animations-debugger/ unpic/placeholder: A Library for Generating Pure CSS Image Placeholders https://github.com/ascorbic/unpic-placeholder <qr-code> https://qr.bitjson.com/ The Biggest Collection of Loading Animations https://css-loaders.com/ BlendIcons: 140K+ Free Icons in Various Categories and Styles https://blendicons.com/ crop-video online https://new.express.adobe.com/tools/crop-video create amazing masonry layouts with an amazing developer experience. https://github.com/askides/react-plock A plugin to run Lighthouse https://github.com/zachleat/performance-leaderboard-pagespeed-insights/ --------------------- For more- subscribe to the channel https://t.me/webWekkly

Node Weekly MikroORM 5.8 released https://mikro-orm.io/blog/mikro-orm-5-8-released Bun 1.0 https://bun.sh/blog/bun-v1.0 TCP echo server for Node.js https://gist.github.com/kfox/1280c2f0ee8324067dba15300e0f2fd3 Node v20.6.1 (Current) https://nodejs.org/en/blog/release/v20.6.1 Getting daily notifications my parent is okay https://remysharp.com/2023/09/11/getting-daily-notifications-my-parent-is-okay JPEG and EXIF Data Manipulation in Javascript https://getaround.tech/exif-data-manipulation-javascript/ Scheduling Jobs in Node.js: Conducting An Orchestra https://blog.appsignal.com/2023/09/06/job-schedulers-for-node-bull-or-agenda.html Running a Playwright script on AWS Lambda https://steele.blue/playwright-on-lambda/ Code scanning at ludicrous speed. https://github.com/returntocorp/semgrep A small and fast CSV parser with support for nested JSON. https://github.com/josdejong/csv42/ 🔥 Recommendations for Node.js using collaborative filtering https://github.com/ankane/disco-node Useful when you need to cache something and limit memory usage. https://github.com/sindresorhus/quick-lru Zettlr 3.0: A Modern Markdown Editor https://zettlr.com/post/zettlr-300-released --------------------- For more- subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories I Blame the W3C’s HTML Standard for Ordered Lists https://siderea.dreamwidth.org/1819759.html How layout position impacts three big web performance levers https://performance.shopify.com/blogs/blog/how-layout-position-impacts-three-big-web-performance-levers Why are we not still using tables-for-layout? https://rachelandrew.co.uk/archives/2023/09/07/why-are-we-not-still-using-tables-for-layout/ Chris’ Corner: Web Components Don’t Need You https://blog.codepen.io/2023/09/04/chris-corner-web-components-dont-need-you/ Release Notes for Safari Technology Preview 178 https://webkit.org/blog/14435/release-notes-for-safari-technology-preview-178/ WOFF Has Left the Building https://matthiasott.com/notes/woff-has-left-the-building --------------------- For more- subscribe to the channel https://t.me/webWekkly