The weekly

Frontend Focus A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH https://www.smashingmagazine.com/2021/11/guide-modern-css-colors/ My Custom CSS Reset https://www.joshwcomeau.com/css/custom-css-reset/ Chrome 97: WebTransport, New Array Static Methods and Morehttps://blog.chromium.org/2021/11/chrome-97-webtransport-new-array-static.html A Look at WordPress 5.9 https://wordpress.org/news/2021/11/a-look-at-wordpress-5-9/ Adding A Dyslexia-Friendly Mode To A Website https://www.smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/ The endless search for "here" in the unhelpful "click here" button https://www.getstark.co/blog/the-endless-search-for-here-in-the-unhelpful-click-here-button Various ways to include comments on your static site https://darekkay.com/blog/static-site-comments/ Fractional SVG stars with CSS https://samuelkraft.com/blog/fractional-svg-stars-css Lorem Faces https://loremfaces.com/ The instant on-demand Atomic CSS engine. https://github.com/antfu/unocss SVGcode: a PWA to convert raster images to SVG vector graphics https://web.dev/svgcode/ Tailwind Typography: A Tailwind Plugin to Add Beautiful Typographic Defaults to any HTML https://github.com/tailwindlabs/tailwindcss-typography Automa: Automating Your Browser by Connecting Blocks https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Understanding why our build got 15x slower with Webpack 5 https://engineering.tines.com/blog/understanding-why-our-build-got-15x-slower-with-webpack Etsy’s Journey to TypeScript https://codeascraft.com/2021/11/08/etsys-journey-to-typescript/ Some notes on using esbuild https://jvns.ca/blog/2021/11/15/esbuild-vue/ Announcing TypeScript 4.5 https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/ React 18 is now in beta https://github.com/reactwg/react-18/discussions/112 How to build stunning 3D scenes with React Three Fiber https://varun.ca/modular-webgl/ Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development https://www.smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/ Migrating from Puppeteer to Playwright https://www.checklyhq.com/guides/puppeteer-to-playwright/ Using Web Workers to boost third-party script performance https://blog.logrocket.com/using-web-workers-boost-third-party-script-performance/ How to Debounce and Throttle Callbacks in Vue https://dmitripavlutin.com/vue-debounce-throttle/ Dexie v3.2.0 https://github.com/dfahlander/Dexie.js/releases/tag/v3.2.0 Electron 16.0.0 https://www.electronjs.org/blog/electron-16-0 MicroDiff: Lightweight, No Dependency Object and Array Comparison https://github.com/AsyncBanana/microdiff React Location: A New 'Enterprise-Grade' React App Router https://react-location.tanstack.com/ browser-or-node 2.0: Figure Out Where Your Code is Running https://github.com/flexdinesh/browser-or-node Geodesy Functions Implemented in JavaScript v2.3.0 — https://github.com/chrisveness/geodesy Kent C. Dodds Joins the Remix Team https://kentcdodds.com/blog/how-i-help-you-build-better-websites React Router 6 Tutorial https://www.robinwieruch.de/react-router/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly GitHub’s commitment to npm ecosystem security https://github.blog/2021-11-15-githubs-commitment-to-npm-ecosystem-security/ Migrating from Puppeteer to Playwright https://www.checklyhq.com/guides/puppeteer-to-playwright/ Announcing TypeScript 4.5 https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/ I will pay you cash to delete your npm module https://drewdevault.com/2021/11/16/Cash-for-leftpad.html Identify NPM libraries included in Javascript files https://bundlescanner.com/ Electron 16.0.0 https://www.electronjs.org/blog/electron-16-0 Create Memory and Type-Safe Node.js Modules with Rust https://levelup.gitconnected.com/create-memory-and-type-safe-node-js-modules-with-rust-2c10bba92013 Using Node.js to create an HTTP proxy for IPFS content https://blog.logrocket.com/using-node-js-http-proxy-ipfs-content/ Tools to help diagnose and pinpoint Node.js performance issues https://clinicjs.org/ The fast & forgiving HTML/XML parser. https://github.com/fb55/htmlparser2 NodeKeeper - A 30x light weight alternative to nodemon! https://github.com/Pankajtanwarbanna/nodekeeper Auto: Generate Releases Based on Semantic Version Labels on Pull Requests https://intuit.github.io/auto/ Check whether the code is running in the browser or node.js runtime. https://github.com/flexdinesh/browser-or-node Process execution for humans https://github.com/sindresorhus/execa The official MongoDB driver for Node.js. https://github.com/mongodb/node-mongodb-native --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus What's new in Lighthouse 9.0 https://developer.chrome.com/blog/lighthouse-9-0/ Powerful Terminal And Command-Line (CLI) Tools For Modern Web Development https://www.smashingmagazine.com/2021/11/powerful-terminal-commandline-tools-modern-web-development/ Release Notes for Safari Technology Preview 135 https://webkit.org/blog/12040/release-notes-for-safari-technology-preview-135/ Using Position Sticky With CSS Grid https://ishadeed.com/article/position-sticky-css-grid/ Using Web Workers to boost third-party script performance https://blog.logrocket.com/using-web-workers-boost-third-party-script-performance/ Responsive navbar tutorial using HTML CSS & JS https://www.youtube.com/watch?v=HbBMp6yUXO0 Why Your Website Should Not Use Dithered Images https://www.simplethread.com/why-your-website-should-not-use-dithered-images/ Your CSS is an interface https://ericwbailey.design/writing/your-css-is-an-interface/ Splide: Lightweight and Accessible Slider/Carousel https://splidejs.com/ Shadow Palette Generator https://www.joshwcomeau.com/shadow-palette/ a simple tool to help you create harmonizing color palettes. https://couleur.io/ IconKitchen: Mobile App Icon Generator https://icon.kitchen/ Text-based user interface CSS library https://github.com/vinibiavatti1/TuiCss --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Animating height: auto https://nemzes.net/posts/animating-height-auto/ Semantic <menu> context https://www.scottohara.me//blog/2021/10/21/menu.html Other Looks at the Conditional Border Radius Trick https://css-tricks.com/other-looks-at-the-conditional-border-radius-trick/ Overflow https://web.dev/learn/css/overflow/ Flip, Invert, and Reverse https://yuanchuan.dev/flip-invert-reverse Three-Digit Browser Versions in March 2022 https://css-tricks.com/three-digit-browser-versions-in-march-2022/

JavaScript Weekly Rust Is The Future of JavaScript Infrastructure https://leerob.io/blog/rust Airbnb's Extensive JavaScript Style Guide https://github.com/airbnb/javascript Vercel welcomes Rich Harris, creator of Svelte https://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte Bundle Scanner: Identify npm Libraries Used on a Web Page https://bundlescanner.com/ JavaScript Marathon: A Week of Free Online Courses/Talks https://labs.thisdot.co/javascript-marathon/current-event/ The Invisible JavaScript 'Backdoor' https://certitude.consulting/blog/en/invisible-backdoor/ How to Toggle Dark Mode on a Page with a (Literal) Blink https://www.ankurkedia.com/blog/toggle-dark-mode-blink How to earn $1.5M in revenue from a JavaScript component https://www.indiehackers.com/post/how-to-earn-1-5m-in-revenue-from-a-javascript-component-a4703705b5 Node-RED in Industrial IoT: a growing standard https://docs.umh.app/docs/concepts/node-red-in-industrial-iot/ Splide: Lightweight and Accessible Slider/Carousel https://splidejs.com/ Vue.js 3.0 UI Library https://github.com/epicmaxco/vuestic-ui Lightweight and performant Lucene-like parser and search engine. https://github.com/gajus/liqe Minimalist dependancy free Masonry layout library https://github.com/Spope/MiniMasonry.js Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce https://www.smashingmagazine.com/2021/11/hydrogen-react-framework-dynamic-contextual-personalized-ecommerce/ Bree 7.0: A Versatile Job Scheduler for Node https://jobscheduler.net/#/ hashids.js: Small Library to Generate YouTube Style IDs from Numbers https://github.com/niieani/hashids.js React Router v6 https://remix.run/blog/react-router-v6 Why I Love Remix https://kentcdodds.com/blog/why-i-love-remix --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node-RED in Industrial IoT: a growing standard https://docs.umh.app/docs/concepts/node-red-in-industrial-iot/ Bree 7.0: A Versatile Job Scheduler for Node https://jobscheduler.net/#/ Proposal: Make npm's Install Scripts Opt In https://github.com/npm/rfcs/pull/488 Node v17.1.0 https://nodejs.org/en/blog/release/v17.1.0/ A Guide to Load Testing Node.js APIs with Artillery https://blog.appsignal.com/2021/11/10/a-guide-to-load-testing-nodejs-apis-with-artillery.html How To Work with Files Using Streams in Node.js https://www.digitalocean.com/community/tutorials/how-to-work-with-files-using-streams-in-node-js Speed up your TypeScript monorepo with esbuild https://mmazzarolo.com/blog/2021-11-06-speed-up-your-typescript-monorepo-with-esbuild/ $ sudo rm -rf / === npm install https://ghuntley.com/sudo-rm-rf/ Depp - A fast unused and duplicate package checker https://github.com/CryogenicPlanet/depp JestTestGen: Generates Jest Unit Test Files for Existing JS/TS Files https://github.com/egm0121/jest-test-gen Slonik v25: A Sophisticated Node Postgres Client Library https://github.com/gajus/slonik blake-hash: Rust Blake3 Hash Bindings for Node https://github.com/Brooooooklyn/blake-hash --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Everything announced at Chrome Dev Summit 2021 https://web.dev/cds2021-updates/ The Browser Wars https://css-tricks.com/chapter-10-browser-wars/ Record, replay and measure user flows https://developer.chrome.com/docs/devtools/recorder/ We Analyzed 425,909 Favicons https://iconmap.io/blog Eye-Tracking In Mobile UX Research https://www.smashingmagazine.com/2021/10/eye-tracking-mobile-ux-research/ How to Implement and Style the Dialog Element https://tympanus.net/codrops/2021/10/06/how-to-implement-and-style-the-dialog-element/ First steps with GPT-3 for frontend developers https://blog.maximeheckel.com/posts/first-steps-with-gpt-3-and-beyond/ Creating the Effect of Transparent Glass and Plastic in Three.js https://tympanus.net/codrops/2021/10/27/creating-the-effect-of-transparent-glass-and-plastic-in-three-js/ Beginner’s Guide to Responsive Images: How to Get Them Right https://www.codeinwp.com/blog/responsive-images/ Learn Responsive Design https://web.dev/learn/design/ ssshape: An SVG Blob/Organic Shape Generator with Extra Controls https://fffuel.co/ssshape/ Iconsax: 6000 Free Icons in Six Different Styles https://iconsax.io/ Compressio: An Open Source Image Compression Tool https://compressio.app/ Minimalist dependancy free Masonry layout library https://github.com/Spope/MiniMasonry.js --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Web History – Chapter 10: Browser Wars https://css-tricks.com/chapter-10-browser-wars/ Let's talk about Native HTML Tabs https://daverupert.com/2021/10/native-html-tabs/ Scroll-Linked Animations With the Web Animations API (WAAPI) and ScrollTimeline https://css-tricks.com/scroll-linked-animations-with-the-web-animations-api-waapi-and-scrolltimeline/ Grainy Gradients https://css-tricks.com/grainy-gradients/ Front End Tables: Sorting, Filtering, and Pagination https://www.taniarascia.com/front-end-tables-sort-filter-paginate/ How to Show/Hide Elements in Vue https://dmitripavlutin.com/vue-show-hide-elements/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Record, replay and measure user flows https://developer.chrome.com/docs/devtools/recorder/ Angular v13 is now Available https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296 Microsoft brings JavaScript to Excelhttps://techcrunch.com/2021/11/02/microsoft-brings-javascript-to-excel/ Announcing TypeScript 4.5 RC https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-rc/ Have Single-Page Apps Ruined the Web? https://www.youtube.com/watch?v=860d8usGC0o Developer Tools secrets that shouldn’t be secrets https://christianheilmann.com/2021/11/01/developer-tools-secrets-that-shouldnt-be-secrets/ Creating the Effect of Transparent Glass and Plastic in Three.js https://tympanus.net/codrops/2021/10/27/creating-the-effect-of-transparent-glass-and-plastic-in-three-js/ What Is Astro? https://www.smashingmagazine.com/2021/11/smashing-podcast-episode-43/ Hasty: A JavaScript Snippet Perfomance Comparison Tool https://hasty.dev/ Coding Font: A 'Game' to Find Your New Favorite Code Font https://www.codingfont.com/ History: An API to Manage Session History with JavaScript https://github.com/remix-run/history Depp - A fast unused and duplicate package checker https://github.com/CryogenicPlanet/depp Prisma version 3.4.0 https://github.com/prisma/prisma/releases/tag/3.4.0 Customizable, Flexible, and High Performance Scrollbars! https://github.com/idiotWu/smooth-scrollbar A Script to Export Photoshop Layers to Individual Files Fast https://github.com/hsw107/Photoshop-Export-Layers-to-Files-Fast Gray box end-to-end testing and automation library for mobile apps. https://github.com/wix/Detox React Conf 2021: It's Online, It's Free, and on December 8 https://conf.reactjs.org/ Building an effective Image Component https://web.dev/image-component/ From Figma to Github using Anima https://www.youtube.com/watch?v=_WlSlxNrNLI 7 Nice API for your projects ! https://dev.to/codeoz/7-nice-api-for-your-projects--3ap The State Initializer Pattern https://kentcdodds.com/blog/the-state-initializer-pattern --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly A Comprehensive Guide To Error Handling In Node.js https://www.honeybadger.io/blog/errors-nodejs/ TypeScript delays ESM support for Node.js https://www.infoworld.com/article/3637149/typescript-delays-esm-support-for-nodejs.html How To Build An Amazon Product Scraper With Node.js https://www.smashingmagazine.com/2021/10/building-amazon-product-scraper-nodejs/ How do you (security) audit external software using NPM packages?https://news.ycombinator.com/item?id=29078836 A Deep Dive Into Serverless UI With TypeScript https://www.smashingmagazine.com/2021/11/deep-dive-into-serverless-ui-typescript/ Designing Error Messages and a Logging Strategy in Node.js https://blog.appsignal.com/2021/11/03/designing-error-messages-and-a-logging-strategy-in-nodejs.html Building a difference checker with Amazon S3 and AWS Lambda https://aws.amazon.com/blogs/compute/building-a-difference-checker-with-amazon-s3-and-aws-lambda/ How to Fix a Prisma Library Load Problem with Cypress on macOS https://spin.atomicobject.com/2021/11/01/fixing-unable-load-node-api-library/ How to Handle File Uploads from Node.js to Express https://www.twilio.com/blog/handle-file-uploads-node-express Consume Pino logs from Node.js applications https://developers.redhat.com/articles/2021/10/28/consume-pino-logs-nodejs-applications Bundling Your Node.js Express App with esbuild https://devtails.medium.com/bundling-your-node-js-express-app-with-esbuild-5aecc36c5047 Create command line tools your users love https://oclif.io/ prisma 3.4.0 https://github.com/prisma/prisma/releases/tag/3.4.0 p-map 5.3: Map Over Promises Concurrently https://github.com/sindresorhus/p-map A JavaScript PDF generation library for Node and the browser. http://pdfkit.org/ node-dev 7.1: Zero-Conf Node Process Restarting https://github.com/fgnass/node-dev Control the macOS dark mode https://github.com/sindresorhus/node-dark-mode --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Microsoft’s Edge browser is now available on Linux https://www.theverge.com/2021/11/2/22759123/microsoft-edge-linux-stable-channel Web Performance Metrics Cheatsheet https://bitsofco.de/web-performance-metrics-cheatsheet/ How I made Google’s data grid scroll 10x faster with one line of CSS https://medium.com/@johan.isaksson/how-i-made-googles-data-grid-scroll-10x-faster-with-one-line-of-css-78cb1e8d9cb1 Developer Tools secrets that shouldn’t be secrets https://christianheilmann.com/2021/11/01/developer-tools-secrets-that-shouldnt-be-secrets/ CSS-ing Candy Ghost Buttons https://css-tricks.com/css-ing-candy-ghost-buttons/ Respecting Users’ Motion Preferences https://www.smashingmagazine.com/2021/10/respecting-users-motion-preferences/ Using CSS Variables for reduced motion on a global scale https://www.silvestar.codes/articles/using-css-variables-for-reduced-motion-on-a-global-scale/ Have Single-Page Apps Ruined the Web https://www.youtube.com/watch?v=860d8usGC0o The Golden Ratio and User-Interface Design https://www.nngroup.com/articles/golden-ratio-ui-design/ The Process of Building a CSS Framework https://tympanus.net/codrops/2021/10/25/the-process-of-building-a-css-framework/ Coding Font: A 'Game' to Find Your New Favorite Code Font https://www.codingfont.com/ Fontfacer — Autogenerate CSS Font Rules from Font Files https://www.fontfacer.io/ Vizzu - Library for animated data visualizations and data stories. https://github.com/vizzuhq/vizzu-lib API for placeholder images- but useful! https://lorem.space/ Keyboard shortcuts interface for your website. Working with Vanilla JS, Vue, React. https://github.com/ssleptsov/ninja-keys Hasty: A JavaScript Perfomance Tool https://hasty.dev/ Core Web Vitals Checker https://calibreapp.com/tools/core-web-vitals-checker --------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories A Deep Dive Into object-fit And background-size In CSS https://www.smashingmagazine.com/2021/10/object-fit-background-size-css/ Release Notes for Safari Technology Preview 134 https://webkit.org/blog/12033/release-notes-for-safari-technology-preview-134/ What do I need to read to be a great at CSS? https://www.baldurbjarnason.com/2021/what-do-i-need-to-read-to-be-a-css-dev/ Which SVG technique performs best for way too many icons? https://cloudfour.com/thinks/svg-icon-stress-test/ Sticky Definition Lists https://css-tricks.com/sticky-definition-lists/ Web Performance Metrics Cheatsheet https://bitsofco.de/web-performance-metrics-cheatsheet/ --------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly The easy to use, fully featured, interactive table JavaScript library http://tabulator.info/ Next.js 12 https://nextjs.org/blog/next-12 Why Outdated jQuery Is Still the Dominant JavaScript Library https://thenewstack.io/why-outdated-jquery-is-still-the-dominant-javascript-library/ 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 Photoshop's journey to the web https://web.dev/ps-on-the-web/ Do TypeScript without TypeScript https://www.youtube.com/watch?v=xLDVfBUgD8U&t=114s Building an effective Image Component https://web.dev/image-component/ What every JavaScript developer should know about Unicode https://dmitripavlutin.com/what-every-javascript-developer-should-know-about-unicode/ In-Page Filtered Search With Vanilla JavaScript https://css-tricks.com/in-page-filtered-search-with-vanilla-javascript/ Reflection at Reflect: The Reflect and Proxy APIs https://reflect.run/articles/reflection-at-reflect/ Graph theory (network) library for visualisation and analysis https://js.cytoscape.org/ A JavaScript PDF generation library for Node and the browser. http://pdfkit.org/ Blobity: Level Up Your Cursor Game https://blobity.dev/ Vizzu - Library for animated data visualizations and data stories. https://github.com/vizzuhq/vizzu-lib Easily find and remove old and heavy node_modules folders https://npkill.js.org/ The New React Docs, In Progress and Now In Beta https://beta.reactjs.org/ Get a catch block error message with TypeScript https://kentcdodds.com/blog/get-a-catch-block-error-message-with-typescript --------------------------- for more -subscribe to the channel https://t.me/webWekkly

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