The weekly

Frontend Focus A-Frame 1.3: A Framework for Building WebVR Experiences https://aframe.io/ iOS 15.4 Beta Suggests Apple to Support Push Notifications From Web-Based Apps https://www.macrumors.com/2022/02/01/ios-15-4-apple-support-web-based-notifications/ How to Favicon in 2022: https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs “Evergreen” Does Not Mean Immediately Available https://css-tricks.com/evergreen-does-not-mean-immediately-available/ Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds https://www.smashingmagazine.com/2022/02/reducing-web-carbon-footprint-optimizing-social-media-embeds/ Replace JavaScript Dialogs With the New HTML Dialog Element https://css-tricks.com/replace-javascript-dialogs-html-dialog-element/ What Web Frameworks Solve: The Vanilla Alternative (Part 2) https://www.smashingmagazine.com/2022/02/web-frameworks-guide-part2/ Aspect Ratio is Great https://css-irl.info/aspect-ratio-is-great/ Creating Generative SVG Grids https://frontend.horse/articles/generative-grids/ CSS Animations Tutorial: Complete Guide for Beginners https://themeisle.com/blog/css-animations-tutorial/ A Deep Introduction to WordPress Block Themes https://css-tricks.com/a-deep-introduction-to-wordpress-block-themes/ Hotkey 2.0: Trigger an Action on an Element When a 'Hotkey' is Pressed https://github.com/github/hotkey A web component that renders YouTube embeds faster https://github.com/justinribeiro/lite-youtube The DevTools Tailwind deserves https://devtoolsfortailwind.com/ Hide your web link behind a mini-coding challenge. https://www.codecaptcha.io/ Compress Images Online https://www.webutils.app/image-compress SVG generator for a stylistic spill/melted effect randomize save copy SVG gradient https://fffuel.co/ssspill/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Writing a Printer Driver in JavaScript https://kubesail.com/blog/2022-02-01-printer-driver-in-javascript babel 7.17.0 Released https://babeljs.io/blog/2022/02/02/7.17.0 fetch() In Node.js Core: Why You Should Care https://fusebit.io/blog/node-fetch Memory leaks: the forgotten side of web performance https://nolanlawson.com/2022/01/05/memory-leaks-the-forgotten-side-of-web-performance/ Speeding up VSCode (extensions) in 2022 https://jason-williams.co.uk/speeding-up-vscode-extensions-in-2022 Improving JavaScript Bundle Performance With Code-Splitting https://www.smashingmagazine.com/2022/02/javascript-bundle-performance-code-splitting/ What Web Frameworks Solve And How To Do Without Them (Part 1) https://www.smashingmagazine.com/2022/01/web-frameworks-guide-part1/ Use Streams to Build High-Performing Node.js Applications https://blog.appsignal.com/2022/02/02/use-streams-to-build-high-performing-nodejs-applications.html a JavaScript library aimed at visualizing graphs of thousands of nodes and edges https://www.sigmajs.org/ A-Frame 1.1.0 https://aframe.io/ Electron 17.0.0 https://www.electronjs.org/blog/electron-17-0 Hotkey 2.0: Trigger an Action on an Element When a 'Hotkey' is Pressed https://github.com/github/hotkey vanilla javascript input mask https://imask.js.org/ A web component that renders YouTube embeds faster. https://github.com/justinribeiro/lite-youtube webvm https://webvm.io/ The Story of React https://www.youtube.com/watch?v=Wm_xI7KntDs What You Should Definitely Look Out For In React In 2022 https://www.chakshunyu.com/blog/what-you-should-definitely-look-out-for-in-react-in-2022/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly fetch() In Node.js Core: Why You Should Care https://fusebit.io/blog/node-fetch/ How I reversed a NodeJS malware and found the author https://itnext.io/how-i-reversed-a-nodejs-malware-and-found-the-author-7dd9531b389f Top-100 npm package maintainers now require 2FA, and additional security-focused improvements to npm https://github.blog/2022-02-01-top-100-npm-package-maintainers-require-2fa-additional-security/ Use Streams to Build High-Performing Node.js Applications https://blog.appsignal.com/2022/02/02/use-streams-to-build-high-performing-nodejs-applications.html Why You Should Secure AWS S3 Assets with Cross-Account Backups https://pawelurbanek.com/s3-secondary-backup I Built a Blog with RemixJS so You Don't Have To (You're Welcome) https://blog.openreplay.com/i-built-a-blog-with-remixjs-so-you-don-t-have-to-you-re-welcome Create a Harry Potter API with Node.js/Express, MySQL, and PlanetScale https://planetscale.com/blog/create-a-harry-potter-api-with-node-js-express-mysql-and-planetscale Electron 17.0.0 https://www.electronjs.org/blog/electron-17-0 The complete solution for node.js command-line interfaces. https://github.com/tj/commander.js InkPaint — canvas graphics rendering library for node.js https://github.com/drawcall/inkpaint prisma releases 3.9.0 https://github.com/prisma/prisma/releases/tag/3.9.0 A Hypermedia API/HATEOAS Client for Node.js and the Browser https://github.com/traverson/traverson -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Push Notifications, WebXR, and better PWA support coming to iOS https://firt.dev/ios-15.4b Memory leaks: the forgotten side of web performance https://nolanlawson.com/2022/01/05/memory-leaks-the-forgotten-side-of-web-performance/ What Web Frameworks Solve And How To Do Without Them (Part 1) https://www.smashingmagazine.com/2022/01/web-frameworks-guide-part1/ A Complete Beginner’s Guide to npm https://css-tricks.com/a-complete-beginners-guide-to-npm/ How does !important actually work? https://www.youtube.com/watch?v=dS123IXPcJ0 The baseline for web development in 2022 https://engineering.linecorp.com/en/blog/the-baseline-for-web-development-in-2022/ WebAssembly feature detection https://web.dev/webassembly-feature-detection/ Use Cases For CSS fit-content https://ishadeed.com/snippet/fit-content/ Background Shift Animation with CSS Blend Modes https://tympanus.net/codrops/2022/01/26/background-shift-animation-with-css-blend-modes/ Fluid type sizes and spacing https://piperhaywood.com/fluid-type-sizes-and-spacing/ Open source emojis for designers, developers and everyone else! https://openmoji.org/ Open Props: Supercharged CSS Variables https://open-props.style/ Make your code samples Runno. https://runno.dev/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Getting Started With CSS Cascade Layers https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/ CSS Speedrun https://css-speedrun.netlify.app/ Here’s what I didn’t know about :where() https://www.matuzo.at/blog/2022/heres-what-i-didnt-know-about-where/ Modern Fluid Typography Using CSS Clamp https://www.smashingmagazine.com/2022/01/modern-fluid-typography-css-clamp/ How to Cycle Through Classes on an HTML Element https://css-tricks.com/cycle-through-classes-html-element/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly A pipe operator for JavaScript: introduction and use cases https://2ality.com/2022/01/pipe-operator.html On Porting the TypeScript Compiler to Go (vs Rust) https://kdy1.dev/posts/2022/1/tsc-go Unimported: Find and Fix Dangling Files and Unused Dependencies https://github.com/smeijer/unimported Take the State of JavaScript 2022 Survey https://stateofjs.com/ How React server components work: an in-depth guide https://blog.plasmic.app/posts/how-react-server-components-work/ Exploiting JavaScript quirks for fun and profit https://kittygiraudel.com/2022/01/21/exploiting-javascript-quirks-for-fun-and-profit/ A Complete Beginner’s Guide to npm https://css-tricks.com/a-complete-beginners-guide-to-npm/ The baseline for web development in 2022 https://engineering.linecorp.com/en/blog/the-baseline-for-web-development-in-2022/ What’s New In DevTools? https://www.smashingmagazine.com/2022/01/devtools-updates-2022/ Animate Anything Along an SVG Path https://tympanus.net/codrops/2022/01/19/animate-anything-along-an-svg-path/ Comparing CSS Specificity values https://kilianvalkhof.com/2022/css-html/comparing-css-specificity-values/ chroma.js: Zero Dependency Color Conversion Library https://vis4.net/chromajs/ Modern copy to clipboard. No Flash. Just 3kb gzipped. https://github.com/zenorocha/clipboard.js ngraph.path: Path Finding Through Graphs https://github.com/anvaka/ngraph.path ExcellentExport.js 3.8: Export Table Data to Excel or CSV https://github.com/jmaister/excellentexport Select Component for React https://github.com/reaviz/reaselct Trilium Notes: A Knowledge Base App Built with Node https://github.com/zadam/trilium Mastering the art of forms in React https://engineering.udacity.com/mastering-the-art-of-forms-in-react-1bd65fb664d7 Announcing React Native 0.67 https://reactnative.dev/blog/2022/01/19/version-067 -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly A pipe operator for JavaScript: introduction and use cases https://2ality.com/2022/01/pipe-operator.html On Porting the TypeScript Compiler to Go (vs Rust) https://kdy1.dev/posts/2022/1/tsc-go Unimported: Find and Fix Dangling Files and Unused Dependencies https://github.com/smeijer/unimported Take the State of JavaScript 2022 Survey https://stateofjs.com/ How React server components work: an in-depth guide https://blog.plasmic.app/posts/how-react-server-components-work/ Exploiting JavaScript quirks for fun and profit https://kittygiraudel.com/2022/01/21/exploiting-javascript-quirks-for-fun-and-profit/ A Complete Beginner’s Guide to npm https://css-tricks.com/a-complete-beginners-guide-to-npm/ The baseline for web development in 2022 https://engineering.linecorp.com/en/blog/the-baseline-for-web-development-in-2022/ What’s New In DevTools? https://www.smashingmagazine.com/2022/01/devtools-updates-2022/ Animate Anything Along an SVG Path https://tympanus.net/codrops/2022/01/19/animate-anything-along-an-svg-path/ Comparing CSS Specificity values https://kilianvalkhof.com/2022/css-html/comparing-css-specificity-values/ chroma.js: Zero Dependency Color Conversion Library https://vis4.net/chromajs/ Modern copy to clipboard. No Flash. Just 3kb gzipped. https://github.com/zenorocha/clipboard.js ngraph.path: Path Finding Through Graphs https://github.com/anvaka/ngraph.path ExcellentExport.js 3.8: Export Table Data to Excel or CSV https://github.com/jmaister/excellentexport Select Component for React https://github.com/reaviz/reaselct Trilium Notes: A Knowledge Base App Built with Node https://github.com/zadam/trilium Mastering the art of forms in React https://engineering.udacity.com/mastering-the-art-of-forms-in-react-1bd65fb664d7 Announcing React Native 0.67 https://reactnative.dev/blog/2022/01/19/version-067 -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Trilium Notes: A Knowledge Base App Built with Node https://github.com/zadam/trilium Build a Wordle-like SMS game with Twilio Serverless https://www.twilio.com/blog/build-wordle-like-sms-game-serverless Can process.on('multipleResolves') Be Deprecated? https://twitter.com/i/web/status/1486045217635643396 A Complete Beginner’s Guide to npm https://css-tricks.com/a-complete-beginners-guide-to-npm/ Run Node.js from Google Sheets https://fusebit.io/blog/run-nodejs-from-google-sheets/ How to extract secrets from Electron app https://www.staszewski.me/how-to-extract-secrets-from-unsafe-electron-app/ Awesome Node-RED: Curated Resources for Node-RED Users https://github.com/naimo84/awesome-nodered How To Process Images in Node.js With Sharp https://www.digitalocean.com/community/tutorials/how-to-process-images-in-node-js-with-sharp Gluegun 5.0: A Toolkit for Building Node-Powered CLIs https://github.com/infinitered/gluegun PureORM 3.0: A Node.js SQL Toolkit for Writing Native SQL Queries Yielding Pure Business Objects https://github.com/craigmichaelmartin/pure-orm Serverless Boilerplate with Serverless Framework, ExpressJS and TypeScript Twitter https://github.com/ixartz/Serverless-Boilerplate-Express-TypeScript The Fastest Directory Crawler & Globber for NodeJS https://github.com/thecodrr/fdir Phoenix: A JavaScriptable macOS Window and App Manager https://github.com/kasper/phoenix Oclif 2.3: Heroku's Open CLI Framework for Node https://oclif.io/ Hazelcast Node.js Client https://github.com/hazelcast/hazelcast-nodejs-client Uber-fast unique id generation, for Node.js and the browse https://github.com/mcollina/hyperid -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Getting Started With CSS Cascade Layers https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/ Giving Web Standards a Seat at the Table https://thehistoryoftheweb.com/web-standards-bust/ What should someone learn about CSS if they last boned up during CSS3? https://css-tricks.com/whats-new-since-css3/ Why Don’t Developers Take Accessibility Seriously? https://css-tricks.com/why-dont-developers-take-accessibility-seriously/ What’s New In DevTools? https://www.smashingmagazine.com/2022/01/devtools-updates-2022/ Comparing CSS Specificity values https://kilianvalkhof.com/2022/css-html/comparing-css-specificity-values/ Here’s what I didn’t know about :where() https://www.matuzo.at/blog/2022/heres-what-i-didnt-know-about-where/ Frontend Predictions for 2022 https://www.jayfreestone.com/writing/frontend-predictions-2022/ Animate Anything Along an SVG Path https://tympanus.net/codrops/2022/01/19/animate-anything-along-an-svg-path/ Context-Aware Web Components Are Easier Than You Think https://css-tricks.com/context-aware-web-components/ Boost Performance with Web Workers: A Detailed Guide https://blog.bitsrc.io/web-workers-a-step-by-step-guide-to-boosting-performance-with-web-workers-11307238b36e Add Less https://css-tricks.com/add-less/ mo.js 1.3: A Motion Graphics Toolbelt for the Web https://mojs.github.io/ mmmotif: An SVG Generator for 3D-Like Isomorphic Patterns https://fffuel.co/mmmotif/ metaSEO: Quickly Generate Meta Tags for any Web Page https://metaseo.itsvg.in/ DevToys: A Native Windows App That's a Swiss Army Knife for Developers https://devtoys.app/ Go through some of the most beautiful colours on Earth. https://colourpalette.xyz/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories What should someone learn about CSS if they last boned up during CSS3? https://css-tricks.com/whats-new-since-css3/ Building UI Components With SVG and CSS https://ishadeed.com/article/building-components-svg-css/ What Were the Hottest Front-End Tools in 2021? https://css-tricks.com/hottest-front-end-tools-in-2021/ Div divisiveness https://www.scottohara.me/blog/2022/01/20/divisive.html How Flexbox Works https://tiffanybbrown.com/2022/01/how-does-flexbox-work/index.html Comparing CSS Specificity values https://kilianvalkhof.com/2022/css-html/comparing-css-specificity-values/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly TypeScript Features to Avoid https://www.executeprogram.com/blog/typescript-features-to-avoid structuredClone(): deeply copying objects in JavaScript https://2ality.com/2022/01/structured-clone.html A JavaScript-Flavored Introduction to Monads https://github.com/getify/monio/blob/master/MONADS.md#fp--monads Remix vs Next.js https://remix.run/blog/remix-vs-next Deno 1.18 Release Notes https://deno.com/blog/v1.18 Replacing jQuery (110kb) With Umbrella JS (8kb) https://www.bennadel.com/blog/4184-replacing-jquery-110kb-with-umbrella-js-8kb.htm#main-content ECMAScript proposal: grouping Arrays via .groupBy() and .groupByToMap() https://2ality.com/2022/01/array-grouping.html From ES6 to Scala: Basics https://www.scala-js.org/doc/sjs-for-js/es6-to-scala-part1.html The Optional Chaining Operator, “Modern” Browsers, and My Mom https://blog.jim-nielsen.com/2022/a-web-for-all/ Good advice on JSX conditionals https://thoughtspile.github.io/2022/01/17/jsx-conditionals/ Add Less https://css-tricks.com/add-less/ How to extract secrets from Electron app https://www.staszewski.me/how-to-extract-secrets-from-unsafe-electron-app/ A JavaScript library for structured state. https://tinybase.org/ Sharer.js 0.5: Lightweight Social Sharing Components for 20+ Platforms https://ellisonleao.github.io/sharer.js/ The Vanilla JavaScript Repository https://vanillalist.top/ mo.js 1.3: A Motion Graphics Toolbelt for the Web https://mojs.github.io/ Rockpack 2.0: An Alternative React App Builder https://github.com/AlexSergey/rockpack vue-easytable: A Flexible Table/Data Grid Component for Vue.js 2.x https://github.com/Happy-Coding-Clans/vue-easytable React Calendar 3.6: The 'Ultimate' Calendar for Your React App https://projects.wojtekmaj.pl/react-calendar/ How we migrated 541 components from Styled Components to Emotion with zero bugs https://storybook.js.org/blog/541-components-from-styled-components-to-emotion/ React: Event Bubbling and Capturing https://www.robinwieruch.de/react-event-bubbling-capturing/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Remix vs Next.js https://remix.run/blog/remix-vs-next Eleventy v1.0: The Node-Powered Static Site Generator https://www.11ty.dev/ Node v17.4.0 (Current) https://nodejs.org/en/blog/release/v17.4.0/ Mocking With Undici Like a Pro https://fusebit.io/blog/undici-mocking/ Creating an AWS Lambda function with nbb https://blog.michielborkent.nl/aws-lambda-nbb.html Create an Open Graph image generator with Node.js https://blog.logrocket.com/create-open-graph-image-generator-node-js/ How to Set Up a Node.js Project with TypeScript https://blog.appsignal.com/2022/01/19/how-to-set-up-a-nodejs-project-with-typescript.html NodeBB 1.19.0: Node-Based Forum Software https://nodeweekly.com/issues/421 The fastest and simplest library for SQLite3 in Node.js. https://github.com/JoshuaWise/better-sqlite3 Dynamoose is a modeling tool for Amazon's DynamoDB (inspired by Mongoose). https://github.com/dynamoose/dynamoose Rockpack 2.0: An Alternative React App Builder https://github.com/AlexSergey/rockpack Discord.js 13.6.0: A Library for Interacting with Discord's API https://github.com/discordjs/discord.js -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Modern Fluid Typography Using CSS Clamp https://www.smashingmagazine.com/2022/01/modern-fluid-typography-css-clamp/ Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust! https://parceljs.org/blog/parcel-css/ Building UI Components With SVG and CSS https://ishadeed.com/article/building-components-svg-css/ What Were the Hottest Front-End Tools in 2021? https://css-tricks.com/hottest-front-end-tools-in-2021/ CSS Cascade Layers: An Overview of the New @layer and layer() CSS Primitives https://youtu.be/ilrPpSQJb3U Replacing jQuery (110kb) With Umbrella JS (8kb) https://www.bennadel.com/blog/4184-replacing-jquery-110kb-with-umbrella-js-8kb.htm web performance with Navigation Timing API. https://blog.shimin.io/measure-web-performance-with-navigation-timing-api/ Website performance and the planet https://blog.webpagetest.org/posts/website-performance-and-the-planet/ Writing Better CSS https://www.aleksandrhovhannisyan.com/blog/writing-better-css/ The Optional Chaining Operator, “Modern” Browsers, and My Mom https://blog.jim-nielsen.com/2022/a-web-for-all/ clay.css: A CSS Utility Class and Sass Mixin for Adding 'Claymorphism' Styles to Components https://codeadrian.github.io/clay.css/ Vanilla List: A Directory of Vanilla JavaScript Plugins https://vanillalist.top/ CSS Fingerprint https://csstracking.dev/ Two.js: A Renderer-Agnostic 2D Drawing Library https://two.js.org/

Front-End Front Top Stories The 2021/2022 State of JavaScript Survey https://stateofjs.com/ Make Beautiful Gradients https://www.joshwcomeau.com/css/make-beautiful-gradients/ The Optional Chaining Operator, “Modern” Browsers, and My Mom https://blog.jim-nielsen.com/2022/a-web-for-all/ A New Container Query Polyfill That Just Works https://css-tricks.com/a-new-container-query-polyfill-that-just-works/ A Deep CSS Dive Into Radial And Conic Gradients https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/ The CSS :has() selector is way more than a “Parent Selector” https://www.bram.us/2021/12/21/the-css-has-selector-is-way-more-than-a-parent-selector/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Make JavaScript Games https://makejsgames.com/ Publishing and consuming ECMAScript modules via packages – the big picture https://2ality.com/2022/01/esm-specifiers.html Eleventy, a simpler static site generator. https://www.11ty.dev/ JavaScript Developer Breaks Two Popular npm Packages https://www.theregister.com/2022/01/10/npm_fakerjs_colorsjs/ Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust! https://parceljs.org/blog/parcel-css/ How not to learn TypeScript https://fettblog.eu/how-not-to-learn-typescript/ How we migrated 541 components from Styled Components to Emotion with zero bugs https://storybook.js.org/blog/541-components-from-styled-components-to-emotion/ Ace, CodeMirror, and Monaco: A Comparison of Browser-Based Code Editors https://blog.replit.com/code-editors Form Validation Using JavaScript's Constraint Validation API https://blog.openreplay.com/form-validation-using-javascript-s-constraint-validation-api The New Vue by Evan You https://www.youtube.com/watch?v=2KBHvaAWJOA Shepherd 9.0: Guide Your Users Through a Tour of Your App https://shepherdjs.dev/ Heapify v0.6: The 'Fastest JavaScript Priority Queue Out There' https://github.com/luciopaiva/heapify Ohm: Library and Language for Building Parsers, Interpreters and Compilers https://github.com/harc/ohm Danfojs: powerful javascript data analysis toolkit https://github.com/javascriptdata/danfojs Two.js: A Renderer-Agnostic 2D Drawing Library https://two.js.org/ Window.js: A Prototype JavaScript Runtime for Desktop Graphics Programming https://github.com/windowjs/windowjs deno_lint: Fast Linter for JS and TS Written in Rust https://github.com/denoland/deno_lint React Conf 2021 Recap https://reactjs.org/blog/2021/12/17/react-conf-2021-recap.html A Visual Guide to useEffect https://alexsidorenko.com/blog/useeffect/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly JavaScript dev deliberately screws up own popular npm packages to make a point of some sort https://www.theregister.com/2022/01/10/npm_fakerjs_colorsjs/ January 10th 2022 Security Releases https://nodejs.org/en/blog/vulnerability/jan-2022-security-releases/ What NPM Should Do Today To Stop A New Colors Attack Tomorrow https://research.swtch.com/npm-colors Announcing NAPI-RS v2 https://napi.rs/blog/announce-v2 0x 5.0: Single-Command Flamegraph Profiling for Node https://github.com/davidmarkclements/0x Using Node.js ES modules and top-level await in AWS Lambda https://aws.amazon.com/blogs/compute/using-node-js-es-modules-and-top-level-await-in-aws-lambda/ Node.js at Red Hat: 2021 year in review https://developers.redhat.com/articles/2022/01/10/nodejs-red-hat-2021-year-review# A robots.txt parser https://github.com/samclarke/robots-parser Instauto: An Instagram Bot / Automation Library https://github.com/mifi/instauto fast-json-stringify 3.0: 2x Faster than JSON.stringify()? https://github.com/fastify/fast-json-stringify Jasmine Core 4.0.0 Release Notes https://github.com/jasmine/jasmine/blob/main/release_notes/4.0.0.md active-win 7.7.0: Get Metadata About the Active Window https://github.com/sindresorhus/active-win public-ip 5.0: Quickly Get Your Public IP Address https://github.com/sindresorhus/public-ip The MongoDB Node.js team is pleased to announce version 4.3.0 of the mongodb package! https://github.com/mongodb/node-mongodb-native/releases/tag/v4.3.0 TypeScript Express Starter https://github.com/ljlm0402/typescript-express-starter HTTP assertions made easy via superagent. https://github.com/visionmedia/supertest -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus A Deep CSS Dive Into Radial And Conic Gradients https://www.smashingmagazine.com/2022/01/css-radial-conic-gradient/ Introducing fuite: a tool for finding memory leaks in web apps https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/ Make Beautiful Gradients https://www.joshwcomeau.com/css/make-beautiful-gradients/ See what’s new in Firefox! https://www.mozilla.org/en-US/firefox/96.0/releasenotes/ Revisiting why hyperlinks are blue https://blog.mozilla.org/en/internet-culture/why-are-hyperlinks-blue-revisited/ A Unified Theory of Web Performance https://calendar.perfplanet.com/2021/a-unified-theory-of-web-performance/ Don’t Fight the Cascade, Control It! https://css-tricks.com/dont-fight-the-cascade-control-it/ Labeling the point: Scenarios of label misuse in WCAG https://www.tpgi.com/labeling-the-point-scenarios-of-label-misuse-in-wcag/ The web doesn’t have version numbers https://hiddedevries.nl/en/blog/2022-01-03-the-web-doesnt-have-version-numbers Animated website backgrounds in a few lines of code. https://www.vantajs.com/ APCA Contrast Calculator: A Tool to Calculate the Accessible Text in WCAG 3 https://www.myndex.com/APCA/ Theme UI: The Design Graph Framework https://theme-ui.com/ SQIP - a pluggable image converter with vector support https://github.com/axe312ger/sqip -------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories CSS in 2022 https://www.bram.us/2021/12/27/css-in-2022/ A Small Guide for Naming Stuff in Front-end Code https://blog.frankmtaylor.com/2021/10/21/a-small-guide-for-naming-stuff-in-front-end-code/ Creating A Custom Range Input That Looks Consistent Across All Browsers https://www.smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/ ffflux → Online SVG Fluid Gradient Background Generator https://fffuel.co/ffflux/ Start at the beginning: the importance of learning the basics https://localghost.dev/2022/01/start-at-the-beginning-the-importance-of-learning-the-basics/ Your CSS reset needs text-size-adjust (probably) https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/ Notes on Josh Comeau’s Custom CSS Reset https://css-tricks.com/notes-on-josh-comeaus-custom-css-reset/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly 2021 JavaScript Rising Stars https://risingstars.js.org/2021/en JavaScript for impatient programmers (ES2022 edition) https://exploringjs.com/impatient-js/ Introducing fuite: a tool for finding memory leaks in web apps https://nolanlawson.com/2021/12/17/introducing-fuite-a-tool-for-finding-memory-leaks-in-web-apps/ JS Self-Profiling API In Practice https://calendar.perfplanet.com/2021/js-self-profiling-api-in-practice/ A Smarter JavaScript Mapper: array.flatMap() https://dmitripavlutin.com/javascript-array-flatmap/ Is It Time for the JavaScript Temporal API? https://blog.openreplay.com/is-it-time-for-the-javascript-temporal-api Introducing Metho: Safely adding superpowers to JS https://dev.to/jonrandy/introducing-metho-safely-adding-superpowers-to-js-1lj Using Node.js ES modules and top-level await in AWS Lambda https://aws.amazon.com/blogs/compute/using-node-js-es-modules-and-top-level-await-in-aws-lambda/ Imperative vs Declarative Programming https://www.youtube.com/watch?v=E7Fbf7R3x6I Perspective 1.1: Fast Streaming Data Visualization via WebAssembly https://perspective.finos.org/ A library to generate PDFs in JavaScript. https://github.com/parallax/jsPDF Animated website backgrounds in a few lines of code. https://www.vantajs.com/ Solid 1.3: The VDOM-Less Declarative JS UI Library https://github.com/solidjs/solid/releases/tag/v1.3.0 Choices.js 10.0: A Configurable Select Box/Text Input Plugin https://choices-js.github.io/Choices/ Try JavaScript Online: Simple Web-Based JavaScript Console Input https://try.javascript.org.pl/ princejs https://princejs.com/ -------------------------- for more -subscribe to the channel https://t.me/webWekkly