The weekly

Frontend Focus Web color is still broken https://webcolorisstillbroken.com/ Lexical: An Extensible Text Editor Library (That Does Things Differently) https://lexical.dev/ The Ultimate Guide To Push Notifications For Developers https://www.smashingmagazine.com/2022/04/guide-push-notifications-developers/ A Practical Guide to Centering in CSS https://stackdiary.com/centering-in-css/ Non-interactive Elements with the inert attribute https://webkit.org/blog/12578/non-interactive-elements-with-the-inert-attribute/ Reducing spam from mailto links https://jackchilds.tech/posts/reducing_spam_from_mailto_links Evaluating design system adoption using custom CSS https://medium.com/onfido-tech/evaluating-design-system-adoption-using-custom-css-a46026853308 Animate from display none https://www.youtube.com/watch?v=4prVdA7_6u0 Mastering CSS Transitions with React 18 https://blog.openreplay.com/mastering-css-transitions-with-react-18 Introducing Material Symbols https://material.io/blog/introducing-symbols Fluid Type Scale Calculator https://www.fluid-type-scale.com/ Feedback Fin: An Open Source Widget to Collect Feedback Anywhere on Your Site https://www.feedbackfin.com/ Linear-style Cursor Glow https://codepen.io/davidkpiano/pen/gOoNZNe SVG generative mountain ridge dividers https://alistairshepherd.uk/writing/svg-generative-ridges/ SVG passthrough precision https://bjango.com/articles/svgpassthroughprecision/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The Future of CSS: CSS Toggles https://www.bram.us/2022/04/20/the-future-of-css-css-toggles/ Common accessibility issues that you can fix today https://hidde.blog/common-a11y-issues/ Free loaders & spinners for your next project. https://uiball.com/loaders/ Boost Resource Loading With fetchpriority, A New Priority Hint https://www.smashingmagazine.com/2022/04/boost-resource-loading-new-priority-hint-fetchpriority/ Childish Font Sizes https://cloudfour.com/thinks/childish-font-sizes/ Ideal SVG exports https://bjango.com/articles/svgexports/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly + Node weekly Lexical: An Extensible Text Editor Library (That Does Things Differently) https://lexical.dev/ Node.js 18 is now available! https://nodejs.org/en/blog/announcements/v18-release-announce/ OpenJS Foundation's JavaScriptLandia Awards https://docs.google.com/forms/d/e/1FAIpQLSdjnMJaHuOX3bz0-1-GMILNGMSIuHfFG6jEQWVs3LK7fGGStA/viewform Ember 4.3 Released https://blog.emberjs.com/ember-released-4-3/ The Most Popular Node.js Frameworks in 2022 https://stackdiary.com/node-js-frameworks/ 4 reasons to avoid using npm link https://hirok.io/posts/avoid-npm-link Write Node using Clojure and deploy to NPM! https://www.youtube.com/watch?v=_-G9EKaAyuI How to Debug Node.js Code Using Multiple Tools https://kinsta.com/blog/node-debug/ chalk-animation https://github.com/bokub/chalk-animation A WebDAV client, written in Typescript, for NodeJS and the browser https://github.com/perry-mitchell/webdav-client A privacy-first, open-source home assistant https://gladysassistant.com/ Asynchronous, non-blocking SQLite3 bindings for Node.js. https://github.com/TryGhost/node-sqlite3 EmberConf 2022 - The Road to TypeScript by Chris Krycho https://www.youtube.com/watch?v=UOw7TydAT_s 7 Web Component Tricks https://daverupert.com/2022/04/7-web-component-tricks/ Faster initialization of instances with new class features https://v8.dev/blog/faster-class-features What key was pressed? (You won't believe how keyboard events work) https://www.youtube.com/watch?v=jLqTXkFtEH0 A Quick Guide to Mitosis: Why You Need It and How You Can Use It https://www.builder.io/blog/mitosis-a-quick-guide Reducing spam from mailto links https://jackchilds.tech/posts/reducing_spam_from_mailto_links Leaflet 1.8.0: Mobile-Friendly Interactive Map Library https://github.com/Leaflet/Leaflet/releases/tag/v1.8.0 A tiny JavaScript runtime for RP2040 (Raspberry Pi Pico) https://kalumajs.org/ spacetime date-utility http://spacetime.how/ Mess with DNS: A Playground to Learn About DNS Concepts https://messwithdns.net/ How to Create a CRUD App with Rails and React https://hibbard.eu/rails-react-crud-app/ Upcoming 'The State of React' Meetup https://www.reactjsmeetup.com/state-of-react-or-april-2022 -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The Front-End Developer's Guide to the Terminal https://www.joshwcomeau.com/javascript/terminal-for-js-devs/ Building a dialog component https://web.dev/building-a-dialog-component/ Designing A Better Carousel UX https://www.smashingmagazine.com/2022/04/designing-better-carousel-ux/ What's New In DevTools (Chrome 101) https://developer.chrome.com/blog/new-in-devtools-101/ What key was pressed? (You won't believe how keyboard events work) | HTTP 203 https://www.youtube.com/watch?v=jLqTXkFtEH0 SVG passthrough precision https://bjango.com/articles/svgpassthroughprecision/ A Web Renaissance https://anildash.com/2022/04/13/a-web-renaissance/ 7 Web Component Tricks https://daverupert.com/2022/04/7-web-component-tricks/ Childish Font Sizes https://cloudfour.com/thinks/childish-font-sizes/ Declarative design https://adactio.com/journal/18982 The Future of CSS: CSS Toggles https://www.bram.us/2022/04/20/the-future-of-css-css-toggles/ Exploring the new CSS color functions: CSS Color Module Level 5 https://blog.logrocket.com/exploring-css-color-module-level-5/ Utility-First CSS Generator https://stylify.dev/ Loaders https://uiball.com/loaders/ PWA Resources: A Curated and Categorized Collection of Resources for Progressive Web Apps https://pwaresources.dev/ details-utils: A Suite of Utilities to Add More Features to The

<

details> Element https://github.com/zachleat/details-utils Plain JavaScript emoji picker. Any app, any framework. https://picmojs.com/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories 7 Web Component Tricks https://daverupert.com/2022/04/7-web-component-tricks/ CSS Parent Selector https://ishadeed.com/article/css-has-parent-selector/ CSS :has( ) A Parent Selector Now https://matthiasott.com/notes/css-has-a-parent-selector-now Release Notes for Safari Technology Preview 143 https://webkit.org/blog/12563/release-notes-for-safari-technology-preview-143/ Building a dialog component https://web.dev/building-a-dialog-component/ Cute Pets Gallery (cpc) https://codepen.io/amit_sheen/pen/xxpyYLV -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly JS Function Composition: What’s The Big Deal? https://jrsinclair.com/articles/2022/javascript-function-composition-whats-the-big-deal/ ECMAScript proposal “Change Array by copy”: four new non-destructive Array methods https://2ality.com/2022/04/change-array-by-copy.html Announcing TypeScript 4.7 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/ A 'Search Engine' for JavaScript Operators https://www.joshwcomeau.com/operator-lookup/ Axios vs Fetch for beginners https://meticulous.ai/blog/fetch-vs-axios/ Building an Interactive Sparkline Graph with D3 https://tympanus.net/codrops/2022/03/29/building-an-interactive-sparkline-graph-with-d3/ How to build a CMS-powered blog with Nuxt https://blog.openreplay.com/how-to-build-a-cms-powered-blog-with-nuxt The Ultimate Guide to Optimizing JavaScript for Quick Page Loads https://www.builder.io/blog/the-ultimate-guide-to-optimizing-javascript-for-quick-page-loads 🤠 Object property paths with wildcards and regexps. https://github.com/ehmicky/wild-wild-path A full-featured wrapper around the Innertube API, which is what YouTube itself uses. https://github.com/LuanRT/YouTube.js jc: CLI Tool That Converts Output of Popular CLI Tools to JSON https://github.com/kellyjonbrazil/jc React Admin 4.0: An Admin Panel for B2B Applications https://marmelab.com/react-admin/ nextjs-blog-theme: A Customizable Blog Starter Built with Next.js and Tailwind https://github.com/netlify-templates/nextjs-blog-theme scroll-snap: A Customizable 'Scroll Snap' Implementation https://github.com/lucafalasco/scroll-snap Gladys Assistant: A Privacy-First, Open-Source Home Assistant https://gladysassistant.com/ React Forms — Formik vs. Hook-Form vs. Final-Form https://dev.to/sm0ke/react-forms-formik-vs-hook-form-vs-final-form-c1e Use Copilot to Write and Translate a Binary Search Algorithm https://dev.to/github/use-copilot-to-write-and-translate-a-binary-search-algorithm-lcm React Folder Structure in 5 Steps [2022] https://www.robinwieruch.de/react-folder-structure/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Wild Wild Path: Object Property Paths with Wildcards and Regexps https://github.com/ehmicky/wild-wild-path util: add parseArgs module https://github.com/nodejs/node/pull/42675 Node v17.9.0 (Current) https://nodejs.org/en/blog/release/v17.9.0/ The Open CLI Framework https://oclif.io/ Plugin Architecture Overview Between Express, Fastify and NestJS https://fusebit.io/blog/web-frameworks-plugins-architecture-overview/ How to use a proxy in Next.js https://blog.logrocket.com/how-to-use-proxy-next-js/ npm-registry-firewall 📦📦🔥🔥🔥 https://github.com/antongolub/npm-registry-firewall A full-featured wrapper around the Innertube API, which is what YouTube itself uses. https://github.com/LuanRT/YouTube.js Extract main article, main image and meta data from URL. https://github.com/ndaidong/article-parser Chalk.ist: Create Beautiful Images of Your Source Code https://chalk.ist/ Match files using the patterns the shell uses, like stars and stuff. https://github.com/isaacs/node-glob A lightweight interface for running git commands in any node.js application. https://github.com/steveukx/git-js Papr 3.0: MongoDB TypeScript-Aware Models https://github.com/plexinc/papr A javascript sdk for Mailgun built with webpack, babel & es6 https://github.com/mailgun/mailgun.js -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Introducing DuckDuckGo for Mac: A Private, Fast, and Secure Browsing App https://spreadprivacy.com/introducing-duckduckgo-for-mac/?s=pr-hd Boost Resource Loading With fetchpriority, a New Priority Hint https://www.smashingmagazine.com/2022/04/boost-resource-loading-new-priority-hint-fetchpriority/ Designing Better Breadcrumbs https://www.smashingmagazine.com/2022/04/designing-better-breadcrumbs/ CSS Parent Selector https://ishadeed.com/article/css-has-parent-selector/ Private Click Measurement: Conversion Fraud Prevention and Replacement For Tracking Pixels https://webkit.org/blog/12566/private-click-measurement-conversion-fraud-prevention-and-replacement-for-tracking-pixels/ Deep dive into the CSS

:where()

function https://blog.logrocket.com/deep-dive-css-where-function/ Make Beautifully Resilient Apps With Progressive Enhancement https://austingil.com/resilient-applications-progressive-enhancement/ Performance insights: Get actionable insights on your website's performance https://developer.chrome.com/docs/devtools/performance-insights/ Identifying Fonts: the Complete Guide https://learnui.design/blog/identifying-fonts.html Fonts In Use: Variable Fonts https://fontstand.com/news/fonts-in-use/fonts-in-use-variable-fonts/

scroll-snap

https://github.com/lucafalasco/scroll-snap Style Guide Generator for Tailwind CSS https://styleguidefortailwind.com/ Doodle Icons https://khushmeen.com/icons.html Chalk.ist: Create Beautiful Images of Your Source Code https://chalk.ist/ home_sweet_homepage https://sailorhg.com/home_sweet_homepage/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Tweaking In The Browser https://ishadeed.com/article/tweaking-in-the-browser/ A Guide To Hover And Pointer Media Queries https://www.smashingmagazine.com/2022/03/guide-hover-pointer-media-queries/ Animated Grid Tracks with :has() https://css-irl.info/animated-grid-tracks-with-has/ HEXplorer https://codepen.io/robdimarzo/pen/xxZgKOR Deep dive into the CSS

:where()

function https://blog.logrocket.com/deep-dive-css-where-function/ Picture perfect images with the modern <img> element https://stackoverflow.blog/2022/03/28/picture-perfect-images-with-the-modern-element/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Announcing Rome Formatter https://rome.tools/blog/2022/04/05/rome-formatter-release Writing Redux Reducers in Rust https://fiberplane.dev/blog/writing-redux-reducers-in-rust/ JavaScript & Node Testing Best Practices: 2022 Edition https://github.com/goldbergyoni/javascript-testing-best-practices Announcing RedwoodJS 1.0 and $1M Funding https://tom.preston-werner.com/2022/04/04/redwood-v1-and-funding.html Devs For Ukraine https://www.devsforukraine.io/ ShadowRealms – an ECMAScript proposal for a better eval() https://2ality.com/2022/04/shadow-realms.html 04.01.2022 - TypeScript / How the compiler compiles https://www.huy.rocks/everyday/04-01-2022-typescript-how-the-compiler-compiles The ultimate guide on how to create customizable Angular components https://kevinkreuzer.medium.com/the-ultimate-guide-on-how-to-create-customizable-angular-components-3eb9794bf86f Test component interactions with Storybook https://storybook.js.org/blog/test-component-interactions-with-storybook/ How are Windows Runtime GUIDs represented in JavaScript? https://devblogs.microsoft.com/oldnewthing/20220404-00/?p=106430 React Libraries for 2022 https://www.robinwieruch.de/react-libraries/ One stylesheet…all the frameworks! UI components that work in React, Vue 3, and Svelte! https://www.agnosticui.com/ Preview UI components in your IDE instantly https://previewjs.com/ JSZip 3.9: Create, Read and Edit .zip Archive Files https://stuk.github.io/jszip/ Extract main article, main image and meta data from URL. https://github.com/ndaidong/article-parser How to Build Scalable Architecture for your Next.js Project https://dev.to/alexeagleson/how-to-build-scalable-architecture-for-your-nextjs-project-2pb7 React 18 Quick Guide & Core Concepts Explained https://dev.to/shrutikapoor08/react-18-quick-guide-core-concepts-explained-519p Announcing React Native 0.68 https://reactnative.dev/blog/2022/03/30/version-068 React: How to create a Custom Hook https://www.robinwieruch.de/react-custom-hook/ How to Undo Pushed Commits with Git https://dev.to/github/how-to-undo-pushed-commits-with-git-2pe6 -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly JavaScript and Node Testing Best Practices: 2022 Edition https://github.com/goldbergyoni/javascript-testing-best-practices#readme Locale Aware Sorting in JavaScript https://elijahmanor.com/byte/js-locale-sort Node v12.22.12 (LTS) Released: It's the Final Node 12 👋 https://nodejs.org/en/blog/release/v12.22.12/ Principles of Object-oriented Programming in TypeScript https://blog.appsignal.com/2022/04/06/principles-of-object-oriented-programming-in-typescript.html Use Cloud Run "always-on" CPU allocation for background work https://cloud.google.com/blog/topics/developers-practitioners/use-cloud-run-always-cpu-allocation-background-work JSZip https://stuk.github.io/jszip/ ssh2-sftp-client 8.0: A Node.js Client for SSH2 SFTP https://github.com/theophilusx/ssh2-sftp-client ioredis 5: A Performance Focused Redis Client for Node https://github.com/luin/ioredis ini 3.0: An INI File Parser/Serializer https://github.com/npm/ini Instauto 9.0: An Instagram Bot / Automation Library https://github.com/mifi/instauto cron-parser 4.3: Node Library for Parsing cron Rules https://github.com/harrisiirak/cron-parser Nightwatch.js 2.1 😮 : Automated End-to-End Testing from Node https://nightwatchjs.org/ The Official MongoDB Node.js Driver v4.5.0 https://github.com/mongodb/node-mongodb-native AutoMapper 8.1: An Object-Object AutoMapper for TypeScript https://automapperts.netlify.app/ Kafka.js 1.16.0: A Modern Apache Kafka Client https://github.com/tulios/kafkajs

Frontend Focus Tweaking In The Browser https://ishadeed.com/article/tweaking-in-the-browser/ Designing A Better Infinite Scroll https://www.smashingmagazine.com/2022/03/designing-better-infinite-scroll/ Accessible Description Exposure https://adrianroselli.com/2022/04/accessible-description-exposure.html A Guide To Hover And Pointer Media Queries https://www.smashingmagazine.com/2022/03/guide-hover-pointer-media-queries/ Building an Interactive Sparkline Graph with D3 https://tympanus.net/codrops/2022/03/29/building-an-interactive-sparkline-graph-with-d3/ How To Build A Progressively Enhanced, Accessible, Filterable And Paginated List https://www.smashingmagazine.com/2022/04/accessible-filterable-paginated-list-11ty-alpinejs/ Performance Tool in Firefox DevTools Reloaded https://hacks.mozilla.org/2022/03/performance-tool-in-firefox-devtools-reloaded/ Optimising Core Web Vitals on SPAs https://simonhearne.com/2022/core-web-vitals-on-spas/ Draw 'Handdrawn' Diagrams in VS Code with Excalidraw https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor#excali a11y-dialog: A Lightweight, Accessible Way to Create Dialogs https://a11y-dialog.netlify.app/ Martian Mono - monospaced typeface family https://github.com/evilmartians/mono Code Snippet Search https://www.snipt.dev/ Detergent: An Online Tool to Prepare Text for Pasting into HTML https://detergent.io/light Variable fonts in real life:how to use and love them https://evilmartians.com/chronicles/variable-fonts-in-real-life-how-to-use-and-love-them The Art of CSS Art https://bingehtheblogger.hashnode.dev/the-art-of-css-art -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Those HTML Attributes You Never Use https://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/ 6 Useful Bookmarklets to Boost Web Development https://css-tricks.com/web-development-bookmarklets/ Understanding Layout Algorithms https://www.joshwcomeau.com/css/understanding-layout-algorithms/ Optimising Largest Contentful Paint https://csswizardry.com/2022/03/optimising-largest-contentful-paint/ Tricks to Cut Corners Using CSS Mask and Clip-Path Properties https://css-tricks.com/cut-corners-using-css-mask-and-clip-path-properties/ Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties https://www.smashingmagazine.com/2022/03/windows-high-contrast-colors-mode-css-custom-properties/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Decorators for ES6 Classes Proposal (Mostly) Reaches Stage 3 at TC39 https://github.com/tc39/proposal-decorators React v18.0 https://reactjs.org/blog/2022/03/29/react-v18.html Electron 18.0.0 https://www.electronjs.org/blog/electron-18-0 The Story of Next.js https://www.youtube.com/watch?v=BILxV_vrZO0 Locale Aware Sorting in JavaScript https://elijahmanor.com/byte/js-locale-sort How to use Props in React https://www.robinwieruch.de/react-pass-props-to-component/ 14 Linting Rules To Help You Write Asynchronous Code in JavaScript https://maximorlov.com/linting-rules-for-asynchronous-code-in-javascript/ The What, When, Why And How Of Next.js’ New Middleware Feature https://www.smashingmagazine.com/2022/04/next-js-middleware-feature/ Conquering JavaScript Hydration https://dev.to/this-is-learning/conquering-javascript-hydration-a9f Visual Studio Code March 2022 Released https://code.visualstudio.com/updates/v1_66 a11y-dialog: A Lightweight, Accessible Way to Create Dialogs https://a11y-dialog.netlify.app/ PLV8 - A Procedural Language in Javascript powered by V8 https://github.com/plv8/plv8 Hackathon Starter https://github.com/sahat/hackathon-starter Convert or detect character encoding in JavaScript. https://github.com/polygonplanet/encoding.js ts-audio 0.7.0: Simple API for AudioContext and Playing Audio Playlists https://github.com/EvandroLG/ts-audio Strongly Typed JSON in TypeScript https://dev.to/nickytonline/strongly-typed-json-in-typescript-5gb2 How to Multipart File Upload Using FormData with React Hook Form https://dev.to/pankod/how-to-multipart-file-upload-using-formdata-with-react-hook-form-4d6d When Does React Render Your Component? https://www.zhenghao.io/posts/react-rerender -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly What’s new in Node.js core? March 2022 edition https://simonplend.com/whats-new-in-node-js-core-march-2022-edition/ Electron 18.0.0 https://www.electronjs.org/blog/electron-18-0 Postgres.js 3.0: Fast, Full-Featured Postgres Client for Node (and Deno) https://github.com/porsager/postgres Build Serverless APIs with Node.js and AWS Lambda https://blog.appsignal.com/2022/03/23/build-serverless-apis-with-nodejs-and-aws-lambda.html Google Calendar Webhooks with Node.js https://fusebit.io/blog/google-calendar-webhooks/ Going full-time on Eleventy https://changelog.com/jsparty/217 How to write a linter using tree-sitter in an hour https://siraben.dev/2022/03/22/tree-sitter-linter.html How to Upload PDF Files to Azure Blob Storage Using Node.js https://spin.atomicobject.com/2022/03/25/azure-storage-node-js/ Creating Node.js Docker images that build in 2 seconds* https://xmorse.xyz/blog/creating-node-js-docker-images-that-build-in-2-seconds-c428aec57fd44a9f93957bdf2ebf4f54 Hackathon Starter https://github.com/sahat/hackathon-starter Quickgres 0.4.2 - Quickgres is a native-JS PostgreSQL client library. https://github.com/kig/quickgres Dependency-free stream utils for Node.js https://github.com/lewisdiamond/stromjs The missing child of Node.js and Deno. https://github.com/Aslemammad/venode -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Understanding Layout Algorithms https://www.joshwcomeau.com/css/understanding-layout-algorithms/ Chrome version 100 arrives with refreshed logo in tow https://www.theverge.com/2022/3/30/23002780/chrome-browser-version-100-features Those HTML Attributes You Never Use https://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/ Mozilla’s vision for the evolution of the Web https://webvision.mozilla.org/full/ How to Use CSS Math Functions https://stackdiary.com/css-math-functions/ Optimising Largest Contentful Paint https://csswizardry.com/2022/03/optimising-largest-contentful-paint/ Variable fonts in real life:how to use and love them https://evilmartians.com/chronicles/variable-fonts-in-real-life-how-to-use-and-love-them Resetting Inherited CSS with “Revert” https://cloudfour.com/thinks/resetting-inherited-css-with-revert/ CSS :has https://davidwalsh.name/css-has The Web as the Ultimate Tool of Resilience for the World? https://www.w3.org/blog/2022/03/a-letter-from-our-ceo-the-web-as-the-ultimate-tool-of-resilience-for-the-world/ Placy: A Simple Tool for Generating Image Placeholders with

data:

URIs https://placy.org/ Mdash intends to leverage HTML, not replace it or try to outsmart it. https://m-docs.org/ ScrollMovie.js https://nagatapote.github.io/scroll-movie/ Static Starter: A Boilerplate to Start Projects with an Optimized and Modern Tech Stack https://www.staticstarter.com/ datetime.tools: Date & Time Conversion https://datetime.tools/conversion -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Is HTML A Programming Language? https://briefs.video/videos/is-html-a-programming-language/ Release Notes for Safari Technology Preview 141 https://webkit.org/blog/12434/release-notes-for-safari-technology-preview-141/ Fun with the dialog element https://markdotto.com/2022/03/16/dialog-element/ Resetting Inherited CSS with “Revert” https://cloudfour.com/thinks/resetting-inherited-css-with-revert/ When or If https://meyerweb.com/eric/thoughts/2022/03/14/if-or-when/ Aligning Content In Different Wrappers https://ishadeed.com/article/aligning-content-different-wrappers/ Progressive Enhancement, the New Hotness™ https://gomakethings.com/progressive-enhancement-the-new-hotness/ What's New In DevTools (Chrome 100) https://developer.chrome.com/blog/new-in-devtools-100/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Parcel v2.4.0 Released: The Zero Config Build Tool https://parceljs.org/blog/v2-4-0/ RFC: Intent to ship React 18 https://github.com/reactjs/rfcs/blob/react-18/text/0000-react-18.md Tao of Node - Design, Architecture & Best Practices https://alexkondov.com/tao-of-node/ ECMAScript proposal: searching Arrays from end to start via .findLast() and .findLastIndex() https://2ality.com/2022/03/array-find-last.html An Introduction To AWS CloudFront Functions https://www.honeybadger.io/blog/aws-cloudfront-functions/ Exploring SvelteKit in 2022 by Building a Portfolio Website https://blog.openreplay.com/exploring-sveltekit-in-2022-by-building-a-portfolio-website Going full-time on Eleventy https://changelog.com/jsparty/217 Implementing JavaScript Delay for Cookie Consent Banner https://dariusz.wieckiewicz.org/en/implementing-js-delay-for-cookie-consent-banner/ A JavaScript Library for Interactive Visual Piling of Small Multiples https://piling.js.org/ Ladle: Develop and Test Your React Stories Faster https://www.ladle.dev/blog/introducing-ladle/ Postgres.js 3.0: Fast, Full-Featured Postgres Client for Node (and Deno) https://github.com/porsager/postgres Wire Your Ideas With React Flow https://reactflow.dev/ Video to Reels https://github.com/diego3g/video-to-reels dum replaces npm run and npx. https://github.com/egoist/dum Everything You Need To Know About the React 18 RC https://www.telerik.com/blogs/everything-need-know-react-18-rc Hooks Considered Harmful https://labs.factorialhr.com/posts/hooks-considered-harmful How to understand complex coding concepts better using the Feynman Technique https://dev.to/cesscode/how-to-understand-complex-coding-concepts-better-using-the-feynman-technique-5anj Remix: The Yang to React's Yin https://kentcdodds.com/blog/remix-the-yang-to-react-s-yin -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Tao of Node - Design, Architecture & Best Practices https://alexkondov.com/tao-of-node/ Node v17.8.0 (Current) https://nodejs.org/en/blog/release/v17.8.0/ Large-scale npm attack targets Azure developers with malicious packages https://jfrog.com/blog/large-scale-npm-attack-targets-azure-developers-with-malicious-packages/ OpenSSL security releases require Node.js security releases https://nodejs.org/en/blog/vulnerability/mar-2022-security-releases/ Nerdy: AWS Graviton vs M1 vs M1 Pro Node.js® Benchmarks https://spacedoutandsmiling.com/blog/2021-12-27-nerdy-aws-graviton-vs-m1-vs-m1-pro-nodejsr-benchmarks How to manage sessions in Node.js using Passport, Redis, and MySQL https://arctype.com/blog/node-session/ It's a Jungle Out There: What's Really Going on Inside Your Node_Modules Folder, Feross Aboukhadijeh https://www.youtube.com/watch?v=-uAX28hfZcc Authorization in a microservices world https://www.alexanderlolis.com/authorization-in-a-microservices-world dum replaces npm run and npx. https://github.com/egoist/dum Video to Reels https://github.com/diego3g/video-to-reels Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli Directus is a real-time API and App dashboard for managing SQL database content. https://github.com/directus/directus Chinese Random Name https://github.com/XadillaX/chinese-random-name -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus CSS Co-Designer: '!important Was Added for One Reason Only: Laws in the US' https://twitter.com/stevenpemberton/status/1505839184287870981 Write HTML, the HTML Way (Not the XHTML Way) https://css-tricks.com/write-html-the-html-way-not-the-xhtml-way/ Prepare for the future with Google Analytics 4 https://blog.google/products/marketingplatform/analytics/prepare-for-future-with-google-analytics-4/ Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties https://www.smashingmagazine.com/2022/03/windows-high-contrast-colors-mode-css-custom-properties/ Building a loading bar component https://web.dev/building-a-loading-bar-component/ HTML and CSS in Emails: What Works in 2022? https://designmodo.com/html-css-emails/ Optimizing SVG Patterns to Their Smallest Size https://css-tricks.com/optimizing-svg-patterns/ Claymorphism: Will It Stick Around? https://www.smashingmagazine.com/2022/03/claymorphism-css-ui-design-trend/ Implementing JavaScript Delay for Cookie Consent Banner https://dariusz.wieckiewicz.org/en/implementing-js-delay-for-cookie-consent-banner/ Master UI Styles: A 'Virtual CSS' Engine https://styles.master.co/ Web application synchronization between different tabs https://github.com/jcubic/sysend.js Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli prettier-plugin-tailwindcss: A Prettier plugin for Tailwind CSS