The weekly

Node Weekly Supercharge Your NodeJS With Rust https://yieldcode.blog/supercharge-nodejs-with-rust/ Node v16.13.0 (LTS) https://nodejs.org/en/blog/release/v16.13.0/ Popular NPM package UA-Parser-JS poisoned with cryptomining, password-stealing malware https://portswigger.net/daily-swig/popular-npm-package-ua-parser-js-poisoned-with-cryptomining-password-stealing-malware Next.js 12 https://nextjs.org/blog/next-12 Do TypeScript without TypeScript - Simone Sanfratello https://www.youtube.com/watch?v=xLDVfBUgD8U&t=114s The Talk That Made Me Finally Understand How the Event Loop Works https://maximorlov.com/javascript-event-loop-talk/ NodeJS Desktop Automation with RobotJS, (but with a program that could get you h̶i̶r̶e̶d̶ fired😄) https://blog.zt4ff.dev/nodejs-desktop-automation-with-robotjs-but-with-a-program-that-could-get-you-hired-fired Git Bisect: travel through time and bugs https://remimercier.com/how-to-use-git-bisect/ memoize-one 6.0: A Memoization Library with a Simple Approach https://github.com/alexreardon/memoize-one/releases/tag/v6.0.0 What is WildBeast? https://docs.wildbeast.guide/ The complete solution for node.js command-line interfaces. https://github.com/tj/commander.js --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus A Deep Dive Into object-fit And background-size In CSS https://www.smashingmagazine.com/2021/10/object-fit-background-size-css/ Photoshop's journey to the web https://web.dev/ps-on-the-web/ New HTTP standards for caching on the modern web https://httptoolkit.tech/blog/status-targeted-caching-headers/ The start of a new era for Responsive Web Design https://uxdesign.cc/the-start-of-a-new-era-for-responsive-web-design-6658a6bbeb9b New WebKit Features in Safari 15 https://webkit.org/blog/11989/new-webkit-features-in-safari-15/ Prevent Scroll Chaining With Overscroll Behavior https://ishadeed.com/article/prevent-scroll-chaining-overscroll-behavior/ Building a multi-select component https://web.dev/building-a-multi-select-component/ HTMHell special: tasty buttons https://www.htmhell.dev/26-tasty-buttons/ Why Outdated jQuery Is Still the Dominant JavaScript Library https://thenewstack.io/why-outdated-jquery-is-still-the-dominant-javascript-library/ “dark mode” vs “inverted” https://bradfrost.com/blog/post/dark-mode-vs-inverted/ Building an effective Image Component https://web.dev/image-component/ In-Page Filtered Search With Vanilla JavaScript https://css-tricks.com/in-page-filtered-search-with-vanilla-javascript/ 100 Bytes of CSS to look great everywhere https://www.swyx.io/css-100-bytes/ Expandable Sections Within a CSS Grid https://css-tricks.com/expandable-sections-within-a-css-grid/ Huetone: Use The LCH Color Space to Come Up with Predictable and Accessible Color Palettes https://huetone.ardov.me/ Blobity: Level Up Your Cursor Game https://blobity.dev/ Compress JPEG and PNG Images Online For Free https://imagecompresser.com/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories HTML with Superpowers https://daverupert.com/2021/10/html-with-superpowers/ The Button Cheat Sheet https://www.buttoncheatsheet.com/ An Interview With Elad Shechter on “The New CSS Reset” https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/ Prevent Scroll Chaining With Overscroll Behavior https://ishadeed.com/article/prevent-scroll-chaining-overscroll-behavior/ Single div CSS Handi-Snacks https://codepen.io/lynnandtonic/pen/qBXNLgQ The Art of Deception, Lighthouse Score Edition https://www.zachleat.com/web/lighthouse-deception/

JavaScript Weekly What’s New in Gatsby 4 https://www.gatsbyjs.com/blog/whats-new-in-gatsby-4/ Node v17.0.0 (Current) https://nodejs.org/en/blog/release/v17.0.0/ Over 100 Algorithms and Data Structures Demonstrated in JS https://github.com/trekhleb/javascript-algorithms Candy Crush in React https://www.youtube.com/watch?v=PBrEq9Wd6_U Understanding Map and Set in JavaScript https://www.taniarascia.com/understanding-map-and-set-javascript/ How to cancel an HTTP request in Node.js https://simonplend.com/how-to-cancel-an-http-request-in-node-js/ How to Create a Linear Gauge Chart in JavaScript https://www.sitepoint.com/create-linear-gauge-chart-javascript/ How to Create a PWA With Next.js in 10 Minutes https://www.youtube.com/watch?v=ARNN_zmrwcw Use console.log() like a pro https://markodenic.com/use-console-log-like-a-pro/ 6 Concrete Tips That Will Make Your React Pull Requests Easier To Review https://www.chakshunyu.com/blog/6-concrete-tips-that-will-make-your-react-pull-requests-easier-to-review/ LittleJS - The Tiny JavaScript Game Engine That Can https://github.com/KilledByAPixel/LittleJS memoize-one 6.0 https://github.com/alexreardon/memoize-one/releases/tag/v6.0.0 ChordSymbol: Musical Chord Parser and Renderer https://chord-symbol.netlify.app/ GistPad: VS Code Extension for Managing Code Snippets in GitHub Gists https://github.com/lostintangent/gistpad| JavaScript Obfuscator: A Way to 'Scramble' JS Code https://github.com/javascript-obfuscator/javascript-obfuscator OpenSilver 1.0: A Modern, Plugin-Free Reimplementation of Silverlight https://www.opensilver.net/ How to replace useState with useRef and be a winner https://thoughtspile.github.io/2021/10/18/non-react-state/ React & TypeScript: how to type hooks (a complete guide) https://devtrium.com/posts/react-typescript-how-to-type-hooks Building an awesome image loading experience https://kentcdodds.com/blog/building-an-awesome-image-loading-experience --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node v17.0.0 (Current) https://nodejs.org/en/blog/release/v17.0.0/ How to cancel an HTTP request in Node.js https://simonplend.com/how-to-cancel-an-http-request-in-node-js/ Understanding and Implementing OAuth2 In Node.js https://www.honeybadger.io/blog/oauth-nodejs-javascript/ Build and sell your own API $$$ https://www.youtube.com/watch?v=ShcR4Zfc6Dw Finding a lost song with Node.js & async iterators https://www.youtube.com/watch?v=uTzBHPpMEhA How to Dockerize an Existing Node.js Application https://blog.appsignal.com/2021/10/19/how-to-dockerize-an-existing-nodejs-application.html Tensei: A Node.js Headless CMS with GraphQL and REST APIs https://tenseijs.com/ Blitz.js: Rails-Like Framework for Monolithic, Full-Stack React Apps https://blitzjs.com/ Gramma: A Command-Line Grammar Checker https://caderek.github.io/gramma/ JavaScript Obfuscator: A Way to Scramble Your JS Code https://github.com/javascript-obfuscator/javascript-obfuscator vdx: An Intuitive CLI for Processing Video, Powered by FFmpeg https://github.com/yuanqing/vdx AutoCannon 7.5: A Fast HTTP/1.1 Benchmarking Tool https://github.com/mcollina/autocannon --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus HTML with Superpowers https://daverupert.com/2021/10/html-with-superpowers/ New in Chrome 95 https://developer.chrome.com/blog/new-in-chrome-95/ An Interview With Elad Shechter on “The New CSS Reset” https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/ Fix web accessibility systematically https://yatil.net/blog/fix-web-accessibility-systematically THE ART OF DECEPTION, LIGHTHOUSE SCORE EDITION https://www.zachleat.com/web/lighthouse-deception/ Smart CSS Solutions For Common UI Challenges https://www.smashingmagazine.com/2021/10/modern-css-solutions-for-common-problems/ What if… you could use Visual Studio Code as the editor of in-browser Developer Tools? https://christianheilmann.com/2021/10/12/what-if-you-could-use-visual-studio-code-as-the-editor-of-in-browser-developer-tools/ Buttons vs. Links https://yatil.net/blog/buttons-vs-links THE BUTTON CHEAT SHEET https://www.buttoncheatsheet.com/ CSS is Going Gosh-Darned Hog Wild, I Tell Ya What https://css-tricks.com/css-is-going-gosh-darned-hog-wild-i-tell-ya-what/ Detecting Specific Text Input with HTML and CSS https://www.impressivewebs.com/detecting-specific-text-input-with-html-css/ How it feels to code an HTML email template in 2021 https://lune.co/post/how-it-feels-to-code-an-html-email-template-in-2021 What the tag ?! https://whatthetag.com/#/ Get Image and Video placeholder right from code.Fast. https://imgsrc.space/ Wavy Dividers Generator https://wavier.art/ Accessible Palette: Create color systems with consistent lightness and contrast https://accessiblepalette.com/ LittleJS Logo LittleJS - The Tiny JavaScript Game Engine That Can https://github.com/KilledByAPixel/LittleJS OpenSilver 1.0: A Modern, Plugin-Free Reimplementation of Silverlight https://www.opensilver.net/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The 2021 State of CSS Survey https://stateofcss.com/ Smart CSS Solutions For Common UI Challenges https://www.smashingmagazine.com/2021/10/modern-css-solutions-for-common-problems/ Expandable Sections Within a CSS Grid https://css-tricks.com/expandable-sections-within-a-css-grid/ Simple things are complicated: making a show password option https://technology.blog.gov.uk/2021/04/19/simple-things-are-complicated-making-a-show-password-option/ Custom properties with defaults: 3+1 strategies https://lea.verou.me/2021/10/custom-properties-with-defaults/ CSS is Going Gosh-Darned Hog Wild, I Tell Ya What https://css-tricks.com/css-is-going-gosh-darned-hog-wild-i-tell-ya-what/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Announcing Parcel v2! https://parceljs.org/blog/v2/ The Remix Project Gets $3M in Seed Funding https://remix.run/blog/seed-funding-for-remix ESLint v8.0.0 released https://eslint.org/blog/2021/10/eslint-v8.0.0-released How we halved the publish size of modular AWS SDK for JavaScript clients https://aws.amazon.com/blogs/developer/how-we-halved-the-publish-size-of-modular-aws-sdk-for-javascript-clients/ How to win at CORS https://jakearchibald.com/2021/cors/ 33 Concepts Every JavaScript Developer Should Know https://github.com/leonardomso/33-js-concepts#readme Board Gaming in Figma https://mastery.games/post/board-gaming-in-figma/ Is Deno Still a Thing? A Look at the Status of the Node Killer https://blog.bitsrc.io/is-deno-still-a-thing-a-look-at-the-status-of-the-node-killer-884d47981d09 Composable CSS Animation In Vue With AnimXYZ https://www.smashingmagazine.com/2021/10/composable-css-animation-vue-animxyz/ Introducing Nuxt 3 Beta https://nuxtjs.org/announcements/nuxt3-beta/ Introducing Sapling, A VS Code Extension For Traversing Your React Component Hierarchy https://medium.com/@saplingextension/introducing-sapling-a-vs-code-extension-for-traversing-your-react-component-hierarchy-3ac94d95887e jest-extended https://github.com/jest-community/jest-extended Ruby2JS is an extensible Ruby to modern JavaScript transpiler you can use in production today. https://www.ruby2js.com/ Swiper: A Modern Mobile Touch Slider https://swiperjs.com/ Fast 2kB alternative to Moment.js with the same modern API https://github.com/iamkun/dayjs DOOM Rendered via Checkboxes https://healeycodes.com/doom-rendered-via-checkboxes ReacType 8.0: Your Preferred React Prototyping Tool Now Exports With Tests https://medium.com/@wbrittwage/reactype-8-0-your-preferred-react-prototyping-tool-now-exports-with-tests-7ae5b1666fd2 How Remix makes CSS clashes predictable https://kentcdodds.com/blog/how-remix-makes-css-clashes-predictable --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly GitHub Advisory Database now powers npm audit https://github.blog/2021-10-07-github-advisory-database-now-powers-npm-audit/ October 12th 2021 Security Releases https://nodejs.org/en/blog/vulnerability/oct-2021-security-releases/ npm CLI upgraded to version 8 https://github.blog/changelog/2021-10-07-npm-cli-upgraded-to-version-8/ Retiring the Node.js Community Committeee https://nodejs.org/en/blog/announcements/retiring-the-node-js-community-committee/ Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions https://www.smashingmagazine.com/2021/10/static-first-madlib-generator-portable-text-netlify-builder-functions/ Is Deno Still a Thing? A Look at the Status of the Node Killer https://blog.bitsrc.io/is-deno-still-a-thing-a-look-at-the-status-of-the-node-killer-884d47981d09 An SQL-friendly ORM for Node.js https://vincit.github.io/objection.js/ Benny - a dead simple benchmarking framework https://github.com/caderek/benny Sequelize 6.7.0: Easy-to-Use Multi SQL Dialect ORM for Node.js https://github.com/sequelize/sequelize Marble.js 4.0: Functional Reactive HTTP Middleware Framework https://github.com/marblejs/marble Tiny hashing module that uses the native crypto API in Node.js and the browser https://github.com/sindresorhus/crypto-hash --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The State of CSS Survey https://stateofcss.com/ The Case for ‘Developer Experience’ https://future.a16z.com/the-case-for-developer-experience/ RenderingNG: an architecture that makes and keeps Chrome fast for the long term https://blog.chromium.org/2021/10/renderingng.html How to win at CORS https://jakearchibald.com/2021/cors/ Lots to see in Firefox 93! https://hacks.mozilla.org/2021/10/lots-to-see-in-firefox-93/ Safe DOM manipulation with the Sanitizer API https://web.dev/sanitizer/ Myths about Web Accessibility https://alvaromontoro.com/blog/67989/myths-about-web-accessibility My Challenge to the Web Performance Community https://philipwalton.com/articles/my-challenge-to-the-web-performance-community/ The Autofill Dark Pattern https://www.smashingmagazine.com/2021/10/autofill-dark-pattern/ How to Create a CSS Typewriter Effect for your Website https://www.sitepoint.com/css-typewriter-effect/ Doodle Ipsum https://doodleipsum.com/ AnyWebP, WebP to JPG / PNG / ICO Converter Online https://anywebp.com/ Cash (Tiny jQuery Alternative) https://css-tricks.com/cash-tiny-jquery-alternative/ Animated Backgrounds: A Gallery of Animated Backgrounds Built with CSS & JS https://animatedbackgrounds.me/#modal8 --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories A Guide To CSS Debugging https://www.smashingmagazine.com/2021/10/guide-debugging-css/ Conditional Border Radius In CSS https://ishadeed.com/article/conditional-border-radius/ My Challenge to the Web Performance Community https://philipwalton.com/articles/my-challenge-to-the-web-performance-community/ Release Notes for Safari Technology Preview 133 https://webkit.org/blog/11975/release-notes-for-safari-technology-preview-133/ FlipBoxes https://codepen.io/amit_sheen/pen/YzQoMxR Using the platform https://elisehe.in/2021/08/22/using-the-platform --------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly How I built a modern website in 2021 https://kentcdodds.com/blog/how-i-built-a-modern-website-in-2021 Web Streams Everywhere (and Fetch for Node.js) https://css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/ When a JavaScript WeakMap() Actually Came in Handy https://macarthur.me/posts/when-a-weakmap-came-in-handy Announcing TypeScript 4.5 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-beta/ jQuery maintainers continue modernization initiative with deprecation of jQuery Mobile https://blog.jquery.com/2021/10/07/jquery-maintainers-continue-modernization-initiative-with-deprecation-of-jquery-mobile/ Safe DOM manipulation with the Sanitizer API https://web.dev/sanitizer/ Replacing jQuery with Vanilla ES6 https://aarontgrogg.com/blog/2021/09/29/replacing-jquery-with-vanilla-es6/ Svelte with Rich Harris https://podrocket.logrocket.com/rich-harris Writing clean JavaScript tests with the BASIC principles https://yonigoldberg.medium.com/fighting-javascript-tests-complexity-with-the-basic-principles-87b7622eac9a The Ultimate Guide to Getting Started with the Rollup.js JavaScript Bundler https://blog.openreplay.com/the-ultimate-guide-to-getting-started-with-the-rollup-js-javascript-bundler Code a Side Scroller Game in 59 Seconds https://www.youtube.com/watch?v=RNZsPMI_cIw VanillaTreeViewer: Minimalist File Browser for Display Multiple Files https://abhchand.me/vanilla-tree-viewer/ Build terminals in the browser https://xtermjs.org/ Immutable JS 4.0: Immutable Persistent Data Collections https://github.com/immutable-js/immutable-js/releases/tag/v4.0.0 Kill the process running on given port https://github.com/tiaanduplessis/kill-port Tailwind CSS UI components build for Vue.js 2.x / Nuxt.js 2.x https://github.com/lecoueyl/mijin Announcing React Native 0.66 https://reactnative.dev/blog/2021/10/01/version-066 REAVIZ 11.1: A D3.js-Based React Data Visualization Library https://reaviz.io/?path=/story/docs-intro--page Refine: A Framework for Data Intensive Applications https://refine.dev/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Writing clean JavaScript tests with the BASIC principles https://yonigoldberg.medium.com/fighting-javascript-tests-complexity-with-the-basic-principles-87b7622eac9a Eleventy 1.0 Beta 1 Released https://www.11ty.dev/blog/eleventy-v1-beta/ Web Streams Everywhere (and Fetch for Node.js) https://css-tricks.com/web-streams-everywhere-and-fetch-for-node-js/ Why is Node.js hated so much? https://news.ycombinator.com/item?id=28728591 Sending iOS Push Notifications via APNs https://blog.engineyard.com/ios-push-notifications-via-apns 13 Advanced (but useful) Git Techniques and Shortcuts https://www.youtube.com/watch?v=ecK3EnyGD8o Polymorphism without objects via multimethods https://blog.klipse.tech/javascript/2021/10/02/multimethod.html construct-js is a library for creating byte level data structures. https://github.com/francisrstokes/construct-js Leveldown: Pure C++ Node.js LevelDB Bindings https://github.com/Level/leveldown Trash 8.0: Move Files and Directories to the 'Trash' https://github.com/sindresorhus/trash Kill the process running on given port https://github.com/tiaanduplessis/kill-port --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Using Modern Image Formats: AVIF And WebP https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/ Proposal for CSS @when https://css-tricks.com/proposal-for-css-when/ A Guide To CSS Debugging https://www.smashingmagazine.com/2021/10/guide-debugging-css/ Conditional Border Radius In CSS https://ishadeed.com/article/conditional-border-radius/ iOS Browser Choice https://css-tricks.com/ios-browser-choice/ How I Make CSS Art https://yosracodes.hashnode.dev/how-i-make-css-art Front-End Dev Shortcuts in iOS 15 https://css-tricks.com/front-end-dev-shortcuts-in-ios-15/ How to calculate REMs from pixels https://typeofnan.dev/how-to-calculate-rems-from-pixels/ How I Learnt To Stop Worrying And Love Animating The Box Model https://whistlr.info/2021/box-model-animation/ What’s the right font size in web design? https://pimpmytype.com/font-size/ Designing Accordions: Best practices https://blog.prototypr.io/designing-the-accordion-best-practices-3c1bd54bf26e Multi-Functional Image Converter: An Online Tool to Batch Convert Images to Various Formats https://renzhezhilu.github.io/webp2jpg-online/#/ melonJS 9.1.0: A Lightweight JavaScript and HTML5 Game Engine https://melonjs.org/ Tails: The Ultimate Drag-and-Drop Page Creator for Tailwind Components https://devdojo.com/tails 99 Avatars: Generate Random Hand-Drawn PNG/SVG Avatars in the Browser or via an API https://99avatars.com/ Mesh Gradients: A Set of 100 Gradients Downloadable as High Quality JPEGs https://www.meshgradients.design/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Container Units Should Be Pretty Handy https://css-tricks.com/container-units-should-be-pretty-handy/ Using Modern Image Formats: AVIF And WebP https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/ So many little design helper sites! https://css-tricks.com/so-many-little-design-helper-sites/ Sorting JavaScript Arrays By Nested Properties https://elijahmanor.com/byte/js-array-sort-nest Explore JavaScript Dependencies With Lighthouse Treemap https://sia.codes/posts/lighthouse-treemap/ Single div CSS laptop fan https://codepen.io/lynnandtonic/pen/WNOWjJL --------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly SELF-PARKING CAR IN 500 LINES OF CODE https://trekhleb.dev/blog/2021/self-parking-car-evolution/ Bangle.js 2: The Open Smart Watch https://www.kickstarter.com/projects/gfw/banglejs-2-the-open-smart-watch Dynamic Mathematics with JavaScript https://jsxgraph.org/wp/index.html 7GUIs in JavaScript https://7guis.bradwoods.io/ Let’s Dive Into Cypress For End-to-End Testing https://www.smashingmagazine.com/2021/09/cypress-end-to-end-testing/ My Top Vue.js Interview Questions https://www.mokkapps.de/blog/my-top-vue-js-interview-questions/ Sorting JavaScript Arrays By Nested Properties https://elijahmanor.com/byte/js-array-sort-nest Comparing Methods for Appending and Inserting With JavaScript https://css-tricks.com/comparing-methods-for-appending-and-inserting-with-javascript/ Three New Next.js Features and How to Use Them https://welearncode.com/isr/ Faster React Apps With Memoization https://blog.px.dev/ui-performance/ Explore JavaScript Dependencies With Lighthouse Treemap https://sia.codes/posts/lighthouse-treemap/ ingle Page Application vs Multi Page Application with Rich Harris https://webrush.io/episodes/episode-153-single-page-application-vs-multi-page-application-with-rich-harris Create PowerPoint presentations with JavaScript https://gitbrent.github.io/PptxGenJS/ melonJS 9.1.0: A Lightweight JavaScript and HTML5 Game Engine https://melonjs.org/ Make web workers & worker threads as simple as a function call. https://threads.js.org/ Easily generate .docx files with JS/TS. Works for Node and on the Browser. https://docx.js.org/#/ library for creating byte level data structures. https://github.com/francisrstokes/construct-js RacketScript: An Experimental Racket to JS Compiler https://github.com/racketscript/racketscript 12+ Github Repositories to Help You Ace Your Job Interview https://dev.to/olanetsoft/12-github-repositories-to-help-you-ace-your-job-interview-2a08 Image from React Component (JPG or PNG) https://www.robinwieruch.de/react-component-to-image what's new in react 18? https://yagmurcetintas.com/journal/whats-new-in-react-18 --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Guidelines for choosing a Node.js framework https://simonplend.com/guidelines-for-choosing-a-node-js-framework/ Node v14.18.0 (LTS) https://nodejs.org/en/blog/release/v14.18.0/ Passport 0.5: Simple, Unobtrusive Authentication for Node http://www.passportjs.org/ Make web workers & worker threads as simple as a function call. https://threads.js.org/ Restify 8.6.0: A Framework for Building REST APIs https://github.com/restify/node-restify DOCX 7.1: A Declarative API to Generate .docx Files https://docx.js.org/#/ node-rate-limiter-flexible: Limit Number of Actions by Key and Protect Apps from Brute Force Attacks https://github.com/animir/node-rate-limiter-flexible SVG Optimizer is a Node.js-based tool for optimizing SVG vector graphics files. https://github.com/svg/svgo Oso: A System for Implementing Authorizationhttps://www.npmjs.com/package/oso dprint-node: Node API for the dprint TypeScript and JavaScript Code Formatter https://github.com/devongovett/dprint-node --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Simplifying Form Styles With accent-color https://www.smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/ ct.css – Let’s take a look inside your <head> https://csswizardry.com/ct/ Bringing instant page-loads to the browser through speculative prerendering https://web.dev/speculative-prerendering/ What's coming in WCAG 2.2? https://www.youtube.com/watch?v=WAxDYXwSxF0 Accessible Palette: stop using HSL for color systems https://wildbit.com/blog/2021/09/16/accessible-palette-stop-using-hsl-for-color-systems One last time: custom styling radio buttons and checkboxes https://www.scottohara.me/blog/2021/09/24/custom-radio-checkbox-again.html A Content Model Is Not a Design System https://alistapart.com/article/a-content-model-is-not-a-design-system/ Can I Include(?) https://caninclude.glitch.me/ Motion One: The Web Animations API for Everyone https://motion.dev/ MUI Treasury: A Collection of Ready-to-Use Components Based on Material-UI https://mui-treasury.com/ Theatre.js: A JavaScript Motion Design Library for the Web https://www.theatrejs.com/ Huey: A Multi-Featured, Custom Color Palette Generator https://huey.design/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories CSS Container Query Units https://ishadeed.com/article/container-query-units/ Proposal for CSS @when https://css-tricks.com/proposal-for-css-when/ https://codepen.io/aaroniker/pen/qBjyKGO Simplifying Form Styles With accent-color https://www.smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/ ct.css – Let’s take a look inside your <head> https://csswizardry.com/ct/ What's New In DevTools https://developer.chrome.com/blog/new-in-devtools-94/

JavaScript Weekly Introducing Partytown 🎉: Run Third-Party Scripts From a Web Worker c https://dev.to/adamdbradley/introducing-partytown-run-third-party-scripts-from-a-web-worker-2cnp You don't (may not) need Moment.js https://github.com/you-dont-need/You-Dont-Need-Momentjs Enumerating and analyzing 40+ non-V8 JavaScript implementations https://notes.eatonphil.com/javascript-implementations.html Introducing Gatsby 4: Now in Beta https://www.gatsbyjs.com/gatsby-4/ what's new in react 18? https://yagmurcetintas.com/journal/whats-new-in-react-18 A new way to do CLOUD for NodeJS developers - Serverless Cloud https://www.youtube.com/watch?v=1TKedWps7nU From React To SvelteKit https://syntax.fm/show/390/from-react-to-sveltekit Fourier series visualisation with d3.js. https://bl.ocks.org/jinroh/7524988 5 RCEs in npm for $15,000 https://robertchen.cc/blog/2021/09/20/npm-rce Elk: a tiny JS engine for embedded systems https://github.com/cesanta/elk Theatre.js: A JavaScript Motion Design for the Web https://www.theatrejs.com/ Hotkey 1.5: Trigger an Action on an Element When a 'Hotkey' is Pressed https://github.com/github/hotkey Electron 15.0.0 https://www.electronjs.org/blog/electron-15-0/ Code2flow: Generate Call Graphs for Dynamic Languages https://github.com/scottrogowski/code2flow/ React Countup 6.0: Configurable React Component Wrapper around CountUp.js https://github.com/glennreyes/react-countup Ad-hoc CLJS scripting on Node.js. https://github.com/borkdude/nbb Just Redux: The Complete Guide https://dev.to/thesanjeevsharma/just-redux-the-complete-guide-44d5 Material-UI Rebrands as MUI, Releases v5.0 https://mui.com/ React Readability Analysis Of Implementing Custom Hooks https://www.chakshunyu.com/blog/react-readability-analysis-of-implementing-custom-hooks/ ---------------------------- for more -subscribe to the channel https://t.me/webWekkly