The weekly

Node Weekly Node.js 19 is now available! https://nodejs.org/en/blog/announcements/v19-release-announce/ Choosing the best Node.js Docker image https://snyk.io/blog/choosing-the-best-node-js-docker-image/ Effortless end-to-end type-safety with Phero https://www.youtube.com/watch?v=BS8nRuszlqo&ab_channel=PheroHQ PowerShell, NPM Scripts, and Silently Dropped Arguments https://www.lloydatkinson.net/posts/2022/powershell-npm-scripts-and-silently-dropped-arguments/ Next.js Crash Course https://www.youtube.com/watch?v=uU80SSxn9_c&ab_channel=AnsontheDeveloper Web Scraping Google Maps https://serpdog.io/blog/web-scraping-google-maps Javet 2.0.0: Embed Node and V8 in Java Apps https://www.caoccao.com/Javet/ Editly 0.14.0: Declarative Command Line Video Editing https://github.com/mifi/editly ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus A World-Class Code Playground with Sandpack https://www.joshwcomeau.com/react/next-level-playground/ State of CSS Frameworks https://www.youtube.com/watch?v=twc-iF40TJY&ab_channel=ThisDotMedia CSS Halftone Patterns https://css-irl.info/css-halftone-patterns/ A First Look at the Websites and Software Applications Accessibility Act Bill https://benmyers.dev/blog/a11yact-bill/ When life gives you lemons, write better error messages https://wix-ux.com/when-life-gives-you-lemons-write-better-error-messages-46c5223e1a2f From Development to Real Users: How to Create a Web Performance Story https://engineering.atspotify.com/2022/09/from-development-to-real-users-how-to-create-a-web-performance-story/ Using Web Components With Next (or Any SSR Framework) https://css-tricks.com/using-web-components-with-next-or-any-ssr-framework/ Why We're Breaking Up with CSS-in-JS https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b The wasted potential of CSS attribute selectors https://elisehe.in/2022/10/16/attribute-selectors How to make Tic Tac Toe in React with HTML and CSS https://www.youtube.com/watch?v=xmafw9OpNhs&ab_channel=ChrisPower Introduction to WebC https://11ty.rocks/posts/introduction-webc/ whyframe: Develop Components in Isolation Inside iframes https://whyframe.dev/ Visual dom-selection library https://github.com/Simonwep/selection Welcome to Intl Explorer! 👋🏽 https://www.intl-explorer.com/?locale=he-IL Tailwind Color Picker https://github.com/Nutlope/tailwind-color-picker svg-path-morph https://github.com/Minibrams/svg-path-morph ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Some Things I Took Away From An Event Apart 2022 in Denver https://css-tricks.com/some-things-i-took-away-from-an-event-apart-2022-in-denver/ Style with Stateful, Semantic Selectors https://benmyers.dev/blog/semantic-selectors/ 100 Days Of More Or Less Modern CSS https://www.matuzo.at/blog/2022/100-days-of-more-or-less-modern-css/ Fallback Font Generator https://screenspan.net/fallback SVG sprites: old-school, modern, unknown, and forgotten https://pepelsbey.dev/articles/svg-sprites/ Layout Breakouts with CSS Grid https://ryanmulligan.dev/blog/layout-breakouts/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Intl Explorer: A Way to Learn and Experiment with the ECMAScript Internationalization API https://www.intl-explorer.com/?locale=he-IL Bun? Deno? Node.js? Creating your own JavaScript Runtime using V8, Libuv and more https://www.youtube.com/watch?v=ynNDmp7hBdo&ab_channel=ErickWendel Node v18.11.0 (Current) https://nodejs.org/en/blog/release/v18.11.0/ Lerna reborn — What’s new in v6? https://blog.nrwl.io/lerna-reborn-whats-new-in-v6-10aec6e9091c The future of rendering in React https://prateeksurana.me/blog/future-of-rendering-in-react/ Choosing the best Node.js Docker image https://snyk.io/blog/choosing-the-best-node-js-docker-image/ Why We Use Babylon.js Instead Of Three.js in 2022 https://www.spotvirtual.com/blog/why-we-use-babylonjs-instead-of-threejs-in-2022 How I created a GameBoy-like game in 13kb https://medium.com/hypersphere-codes/how-i-created-a-gameboy-like-game-in-13kb-5905bf6166b2 Full Stack for Front-End Developers: Build your first AWS Amplify and React App https://amplify.aws/learn/ How to Build SVG Line Charts with React, SSR and Tailwind CSS https://thenewstack.io/how-to-build-svg-line-charts-with-react-ssr-and-tailwind-css/ Javet 2.0.0: Embed Node and V8 in Java Apps https://www.caoccao.com/Javet/ Knip: Find Unused Files, Dependencies and Exports in TypeScript Projects https://github.com/mifi/editly JavaScript library for reorderable drag-and-drop lists http://sortablejs.github.io/Sortable/ React Table Library: An 'Almost Headless' Table Library https://react-table-library.com/?path=/story/getting-started-installation--page melonJS 14.0: A Lightweight 2D Game Engine https://melonjs.org/ React Modern Audio Player https://www.npmjs.com/package/react-modern-audio-player Betafish - An amalgamation of AlphaZero and Stockfish. https://github.com/Strryke/betafish ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly 🐸 npm jump to 🐸 https://www.npmjs.com/package/njt Knip: Find Unused Files, Dependencies and Exports in TypeScript Projects https://github.com/webpro/knip Node v16.18.0 (LTS) https://nodejs.org/en/blog/release/v16.18.0/ How to write CommonJS exports that can be name-imported from ESM https://2ality.com/2022/10/commonjs-named-exports.html Adding Observability to your Jest tests https://sprkl.dev/observability-jest-tests/ Node.js Authentication With Twilio Verify https://www.smashingmagazine.com/2022/10/nodejs-authentication-twilio-verify/ IP Index: A Fast IP Lookup Web Service + Library https://github.com/Umkus/ip-index cRonstrue: Library to Convert cron Expressions into Human Readable Form https://github.com/bradymholt/cronstrue Whoiser: A WHOIS Client for Node.js https://www.npmjs.com/package/whoiser A JavaScript-powered CLI for converting HTML into PDFs. https://github.com/humanwhocodes/print-ready A fast checker for broken links/references in HTML. https://github.com/modernweb-dev/rocket/tree/main/packages/check-html-links Human-friendly process signals. https://github.com/ehmicky/human-signals ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Help pick a syntax for CSS nesting survey results https://developer.chrome.com/en/blog/help-css-nesting-results/ The Web’s Next Transition https://www.epicweb.dev/the-webs-next-transition Performance Budgets: The Easiest Way to a Faster Site https://calibreapp.com/blog/performance-budgets Sustainable Web Development Strategies Within An Organization https://www.smashingmagazine.com/2022/10/sustainable-web-development-strategies-organization/ The border property you never knew you needed https://www.youtube.com/watch?v=ypstT5UfCsk&ab_channel=KevinPowell Delightful UI Animations With Shared Element Transitions API (Part 2) https://www.smashingmagazine.com/2022/10/ui-animations-shared-element-transitions-api-part2/ Layout Breakouts with CSS Grid https://ryanmulligan.dev/blog/layout-breakouts/ Animating Triangles with Three.js https://www.youtube.com/watch?v=frgmk0Wu76A&ab_channel=YuriArtiukh New patterns for amazing apps https://web.dev/new-patterns-for-amazing-apps/ Practical uses of the :has() relational pseudo class https://utilitybend.com/blog/practical-uses-of-the-has-relational-pseudo-class Dracula UI is a dark-first collection of UI patterns and components. https://ui.draculatheme.com/ Shoelace: 'A Forward-Thinking Library of Web Components' https://shoelace.style/ A fast checker for broken links/references in HTML. https://github.com/modernweb-dev/rocket/tree/main/packages/check-html-links A Tailwind CSS plugin that helps you create utility classes for using the hyphens CSS property. https://github.com/vivgui/tailwindcss-hyphens Typography inspiration https://shapeless.dev/foundations/typography ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories State of CSS https://stateofcss.com/en-us/ Release Notes for Safari Technology Preview 155 https://webkit.org/blog/13338/release-notes-for-safari-technology-preview-155/ Will Serving Real HTML Content Make A Website Faster? Let's Experiment! https://blog.webpagetest.org/posts/will-html-content-make-site-faster/ Templating in HTML https://kittygiraudel.com/2022/09/30/templating-in-html/ How I Made an Icon System Out of CSS Custom Properties https://css-tricks.com/how-i-made-an-icon-system-out-of-css-custom-properties/ Named Element IDs Can Be Referenced as JavaScript Globals https://css-tricks.com/named-element-ids-can-be-referenced-as-javascript-globals/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Axios 1: The Long Standing HTTP Client Library https://github.com/axios/axios/releases/tag/v1.0.0 I turned JS into a compiled language (for fun and Wasm) https://surma.dev/things/compile-js/ Ten Years of TypeScript https://devblogs.microsoft.com/typescript/ten-years-of-typescript/ js13kGames 2022 winners 🏆 https://github.blog/2022-10-06-js13k-2022-winners/ The Future of the Web is on the Edge https://deno.com/blog/the-future-of-web-is-on-the-edge Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/ I changed my mind about writing new JavaScript frameworks https://whitep4nth3r.com/blog/write-a-new-javascript-framework/ Animating Triangles with Three.js https://www.youtube.com/watch?v=frgmk0Wu76A&ab_channel=YuriArtiukh Use npm query and jq to dig into your dependencies https://www.youtube.com/watch?v=h_ZpixOgKDY&ab_channel=ElijahManor μFuzzy: A Tiny, Efficient Fuzzy Search Library https://github.com/leeoniya/uFuzzy zx 7.1: Google's Tool for Easier Shell Scripting https://github.com/google/zx/releases/tag/7.1.0 Why waste time reinventing UI components? https://www.radix-ui.com/ Trendiest Open Source Admin Template for React https://horizon-ui.com/#/ Building your own form management system has never been easier. https://surveyjs.io/ UseState: Asynchronous or what? https://www.youtube.com/watch?v=RAJD4KpX8LA&ab_channel=JackHerrington Getting Started with React Query https://dev.to/nischal_dutt/getting-started-with-react-query-30g7 How to write your own state management library https://judehunter.dev/blog/how-to-write-your-own-state-management-library Full Stack for Front-End Developers: Build your first AWS Amplify and React App https://amplify.aws/learn/ Making React fast by default and truly reactive https://legendapp.com/open-source/legend-state/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Phylum Detects Active Typosquatting Campaign Targeting NPM Developers https://blog.phylum.io/phylum-detects-active-typosquatting-campaign-targeting-npm-developers axios v1.0.0 https://github.com/axios/axios/releases/tag/v1.0.0 Use npm query and jq to dig into your dependencies https://www.youtube.com/watch?v=h_ZpixOgKDY&ab_channel=ElijahManor The new test framework built-in to Node.js 18.8.0 https://itnext.io/the-new-test-framework-built-in-to-node-js-18-8-0-1d78315ac9f9 Announcing TypeScript 4.9 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-beta/ Quality code: Node.js design patterns and performance https://sprkl.dev/quality-code-node-js-design-patterns-and-performance/ 10 best practices to containerize Node.js web applications with Docker https://snyk.io/blog/10-best-practices-to-containerize-nodejs-web-applications-with-docker/ zx 7.1: Google's Tool for Easier Scripting with Node.js https://github.com/google/zx/releases/tag/7.1.0 Serverless-Postgres 2.0: Manage Postgres Connections at Serverless Scale https://github.com/MatteoGioioso/serverless-pg Sharing 1.0: Tool to Share Directories with iOS / Android Devices https://github.com/parvardegr/sharing ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Delightful UI Animations With Shared Element Transitions API (Part 1) https://www.smashingmagazine.com/2022/10/ui-animations-shared-element-transitions-api-part1/ Templating in HTML https://kittygiraudel.com/2022/09/30/templating-in-html/ The new wave of Javascript web frameworks https://frontendmastery.com/posts/the-new-wave-of-javascript-web-frameworks/ More details on the transition to Manifest V3 https://developer.chrome.com/blog/more-mv2-transition/ Chrome's Manifest V3 Push Signals Changing of the Guard https://www.buildingbrowserextensions.com/blog/chromes-manifest-v3-push-signals-changing-of-the-guard Element Timing: One true metric to rule them all? https://www.speedcurve.com/blog/element-timing-one-true-metric/ Launching a new Chromium-based WebView for Android https://engineering.fb.com/2022/09/30/android/launching-a-new-chromium-based-webview-for-android/ When going somewhere does a thing: on links and buttons https://kilianvalkhof.com/2022/css-html/when-going-somewhere-does-a-thing-on-links-and-buttons/ Will Serving Real HTML Content Make A Website Faster? Let's Experiment! https://blog.webpagetest.org/posts/will-html-content-make-site-faster/ A love letter to DOMPoint and DOMMatrix https://www.youtube.com/watch?v=VdNzD4lhidw&ab_channel=GoogleChromeDevelopers CSS shapes examples, click to copy https://getcssscan.com/css-shapes Tailwind CSS Variant Generator https://charliejoseph.com/tools/tailwind-css-variant-generator Free universal icons https://icons.download/ Illustration Link: 80+ Links Where You Can Find Free Illustrations for Your Project https://www.illustrationlink.com/ dark-mode-toggle https://github.com/anatoliygatt/dark-mode-toggle ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Learn HTML https://web.dev/learn/html/ The 2022 Web Almanac https://almanac.httparchive.org/en/2022/ Use cases for CSS comparison functions https://ishadeed.com/article/use-cases-css-comparison-functions/ I am not that excited about new CSS features https://www.silvestar.codes/articles/i-am-not-that-excited-about-new-css-features/ The breakpoints we tested in 2021 & 2022, and the ones to test in 2023 https://polypane.app/blog/the-breakpoints-we-tested-in-2021-and-the-ones-to-test-in-2022/ 6+5 ways to make a two-column layout: from pretty reasonable to completely wrong https://pepelsbey.dev/articles/two-columns/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly The Web Almanac 2022's Take on the State of JavaScript in the Real World https://almanac.httparchive.org/en/2022/javascript Announcing TypeScript 4.9 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-4-9-beta/ The new wave of Javascript web frameworks https://frontendmastery.com/posts/the-new-wave-of-javascript-web-frameworks/ Use .NET from any JavaScript app in .NET 7 https://devblogs.microsoft.com/dotnet/use-net-7-from-any-javascript-app-in-net-7/ Writing composable SQL using JavaScript https://contra.com/p/AqZWWoUB-writing-composable-sql-using-java-script Building accessible Select component in React https://medium.com/lego-engineering/building-accessible-select-component-in-react-b61dbdf5122f A quick guide to cell phone vibration with JavaScript https://blog.petefowler.dev/a-quick-guide-to-cell-phone-vibration-with-javascript billboard.js 3.6 release: official React wrapper & new enhancements! https://netil.medium.com/billboard-js-3-6-release-official-react-wrapper-new-enhancements-2dbf1ffc4d1c Lightweight and performant Lucene-like parser, serializer and search engine. https://github.com/gajus/liqe Interactive CLI to quickly set up an opinionated, full-stack, typesafe Next.js project. https://github.com/t3-oss/create-t3-app A dependency-free JavaScript ES6 slider and carousel. https://glidejs.com/ Preview UI components in your IDE instantly https://previewjs.com/ Photoshop-Export-Layers-to-Files-Fast https://github.com/antipalindrome/Photoshop-Export-Layers-to-Files-Fast Introducing Ezno - An Experimental JavaScript Compiler https://kaleidawave.github.io/posts/introducing-ezno/ The pluggable linting tool for text and markdown https://textlint.github.io/ Hacktoberfest 2022: Preptember! https://dev.to/nickytonline/hacktoberfest-preptember-3p7 Get in Zoomer, We're Saving React https://acko.net/blog/get-in-zoomer-we-re-saving-react/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Don’t worry, Nobody is Replacing Node, not Even Bun and Even less Deno https://blog.bitsrc.io/dont-worry-nobody-is-replacing-node-js-not-even-bun-and-even-less-deno-4e7148cff78 Node v18.10.0 (Current) https://nodejs.org/en/blog/release/v18.10.0/ Writing composable SQL using JavaScript https://contra.com/p/AqZWWoUB-writing-composable-sql-using-java-script September 23rd 2022 Security Releases https://nodejs.org/en/blog/vulnerability/september-2022-security-releases/ Type-Level TypeScript: The Basics https://type-level-typescript.com/ Minimize Heap Allocations in Node.js https://blog.appsignal.com/2022/09/28/minimize-heap-allocations-in-nodejs.html Translate i18next JSON resources/files https://translate.i18next.com/ The pluggable linting tool for text and markdown https://textlint.github.io/ Interactive CLI to quickly set up an opinionated, full-stack, typesafe Next.js https://github.com/t3-oss/create-t3-app Tesseract.js 3.0: Pure JS OCR for Over 100 Languages https://tesseract.projectnaptha.com/ Fast, cross-platform Node.js access to ExifTool. https://github.com/photostructure/exiftool-vendored.js ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The 2022 Web Almanac https://almanac.httparchive.org/en/2022/ GIFs Without the .gif: The Most Performant Image and Video Options Right Now https://css-tricks.com/gifs-without-the-gif-the-most-performant-image-and-video-options-right-now/ Testing Web Design Color Contrast https://web.dev/testing-web-design-color-contrast/ Use cases for CSS comparison functions https://ishadeed.com/article/use-cases-css-comparison-functions/ The Power of CSS Blend Modes https://cloudfour.com/thinks/the-power-of-css-blend-modes/ Five Data-Loading Patterns To Boost Web Performance https://www.smashingmagazine.com/2022/09/data-loading-patterns-improve-frontend-performance/ Introducing Learn HTML https://web.dev/introducing-learn-html/ Closing a 30 pixel gap between native and web https://blogs.windows.com/msedgedev/2022/09/27/closing-pixel-gap-native-web-window-controls-overlay/ On better browsers: arbitrary media queries and browser UIs https://kilianvalkhof.com/2022/css-html/on-better-browsers-arbitrary-media-queries-and-browser-uis/ How to Build a Scrollable Text Gallery in Three.js https://www.youtube.com/watch?v=qQQjPoP01bg&ab_channel=YuriArtiukh A gorgeous, accessible color system https://www.radix-ui.com/colors Modern devices crafted in pure CSS https://devicescss.xyz/ The Universal UI Library https://github.com/ckgrafico/papanasi Fallback Font Generator https://screenspan.net/fallback PostCSS Media Minmax https://github.com/postcss/postcss-media-minmax ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Randomness in CSS https://medium.com/hypersphere-codes/randomness-in-css-b55a0845c8dd The details and summary elements, again https://www.scottohara.me//blog/2022/09/12/details-summary.html Release Notes for Safari Technology Preview 154 https://webkit.org/blog/13207/release-notes-for-safari-technology-preview-154/ A details element as a burger menu is not accessible https://cloudfour.com/thinks/a-details-element-as-a-burger-menu-is-not-accessible/ How to (not) make a button https://pustelto.com/blog/how-to-make-a-button/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Tesseract.js 3.0: Pure JS OCR for Over 100 Languages https://tesseract.projectnaptha.com/ A Proposed JS Feature: Extractor Objects https://github.com/tc39/proposal-extractors React I Love You, But You're Bringing Me Down https://marmelab.com/blog/2022/09/20/react-i-love-you.html Type-Level TypeScript: The Basics https://type-level-typescript.com/ Work with Vite and NX https://medium.com/js-dojo/work-with-vite-and-nx-af2e5a7558cb Shell scripting with Node.js https://exploringjs.com/nodejs-shell-scripting/ How to Build a Scrollable Text Gallery in Three.js https://www.youtube.com/watch?v=qQQjPoP01bg Rest vs Spread syntax in JavaScript https://www.amitmerchant.com/rest-vs-spread-syntax-in-javascript/ What’s New In Gatsby 2022? https://www.smashingmagazine.com/2022/09/new-gatsby-2022/ Linkify 4.0: Link Up URLs, Email Addresses, and More in Plain Text https://linkify.js.org/ The reactive data store for local‑first apps. https://tinybase.org/ Point Cloud Library (PCL) for browser, powered by WebAssembly. https://github.com/luoxuhai/pcl.js A simple yet powerful testing framework for Node.js https://japa.dev/docs A Command Palette for Vue https://vue-command-palette.vercel.app/ Precessing (p8g): A General Purpose, Cross Language 2D Library https://bernhardfritz.github.io/p8g/ How to migrate Netlify GoTrue Users To Appwrite https://dev.to/appwrite/how-to-migrate-netlify-gotrue-users-to-appwrite-3390 Next.js 12.3 Overview: Improved Fast Refresh, TypeScript Auto-Install, and more. https://www.youtube.com/watch?v=3UD7Y02AcN4 React: storing state in URL with URLSearchParams https://blog.johnnyreilly.com/2022/09/20/react-usesearchparamsstate Deploying a WASM-Powered React App on Vercel https://betterprogramming.pub/deploying-a-wasm-powered-react-app-on-vercel-cf3cae2a75d6 שתהיה שנה טובה 🍎🍯 ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Shell scripting with Node.js https://exploringjs.com/nodejs-shell-scripting/ Node.js Native Binary Compilation Using vercel/pkg https://www.pulumi.com/blog/nodejs-binaries-with-pkg/ Amplication 1.0: Create Node Applications Without 'Repetitive Coding' https://github.com/amplication/amplication Troubleshooting When a Child Process's Spawn Output Is (Sometimes) Empty https://upstart.chrishic.com/node-js-troubleshooting-child-process-spawn-output-is-sometimes-empty/ A simple yet powerful testing framework for Node.js https://japa.dev/docs js2xmlparser is a Node.js module that parses JavaScript objects into XML. https://github.com/michaelkourlas/node-js2xmlparser Easily generate .docx files with JS/TS. Works for Node and on the Browser. https://docx.js.org/#/ Cheatbeads: A Library for.. Cheating at Chess? https://www.npmjs.com/package/@alleyio/cheatbeads ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus First Batch of Color Fonts Arrives on Google Fonts https://material.io/blog/color-fonts-are-here Total Blocking Time: A Short and Sweet Guide for Happier Users https://calibreapp.com/blog/total-blocking-time I never thought this would be possible with CSS https://www.youtube.com/watch?v=OGJvhpoE8b4 JavaScript APIs You Don’t Know About https://www.smashingmagazine.com/2022/09/javascript-api-guide/ Why the number input is the worst input https://stackoverflow.blog/2022/09/15/why-the-number-input-is-the-worst-input/ Smooth and simple page transitions with the shared element transition API https://developer.chrome.com/blog/shared-element-transitions-for-spas/ React I Love You, But You're Bringing Me Down https://marmelab.com/blog/2022/09/20/react-i-love-you.html Work with Vite and NX https://medium.com/js-dojo/work-with-vite-and-nx-af2e5a7558cb Using WebTransport https://web.dev/webtransport/ Which fonts to use for your charts and tables https://blog.datawrapper.de/fonts-for-data-visualization/ Theatre.js v0.5 is out! https://www.theatrejs.com/blog/theatre-05-is-out What was that media query code again? https://mediaquery.style/ Core Web Vitals Check https://www.experte.com/web-vitals A simple, extensible CSS framework https://vanillaframework.io/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The Power of CSS Blend Modes https://cloudfour.com/thinks/the-power-of-css-blend-modes/ Release Notes for Safari Technology Preview 153 https://webkit.org/blog/13148/release-notes-for-safari-technology-preview-153/ JavaScript APIs You Don’t Know About https://www.smashingmagazine.com/2022/09/javascript-api-guide/ How To Improve Largest Contentful Paint for Faster Load Times https://calibreapp.com/blog/largest-contentful-paint Table Column Alignment with Variable Transforms https://meyerweb.com/eric/thoughts/2022/08/15/table-column-alignment-with-variable-transforms/ Detecting CSS Selector Support https://css-irl.info/detecting-css-selector-support/ ------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly MemLab: An open source framework for finding JavaScript memory leaks https://engineering.fb.com/2022/09/12/open-source/memlab/ JavaScript APIs You Don’t Know About https://www.smashingmagazine.com/2022/09/javascript-api-guide/ Best practices for creating a modern npm package https://snyk.io/blog/best-practices-create-modern-npm-package/ The seventh way to call a JavaScript function without parentheses https://portswigger.net/research/the-seventh-way-to-call-a-javascript-function-without-parentheses What’s New With Forms in 2022? https://css-tricks.com/whats-new-with-forms-in-2022/ The secret of successfully using multi window WebGL Canvas https://itnext.io/the-secret-of-successfully-using-multi-window-webgl-canvas-5a2d05555ad1 Why the number input is the worst input https://stackoverflow.blog/2022/09/15/why-the-number-input-is-the-worst-input/ useSyncExternalStore - The underrated React API https://thisweekinreact.com/articles/useSyncExternalStore-the-underrated-react-api npm-check-updates https://github.com/raineorshine/npm-check-updates SafeQL Write SQL Queries With Confidence https://safeql.dev/ Theatre.js v0.5 is out! https://www.theatrejs.com/blog/theatre-05-is-out Next.js 12.3 https://nextjs.org/blog/next-12-3?ck_subscriber_id=234651073 React 18's New State Hook You've Never Heard About https://www.youtube.com/watch?v=GMeQ51MCegI Why Every React Developer Should Learn Function Composition https://medium.com/javascript-scene/why-every-react-developer-should-learn-function-composition-23f41d4db3b1 Introducing Signals https://preactjs.com/blog/introducing-signals/ The Making of A React Component Library https://dev.to/aviavinav/the-making-of-a-react-component-librabry-cep ------------------------- for more -subscribe to the channel https://t.me/webWekkly