The weekly

Front-End Front Top Stories Uncommon CSS Properties https://ishadeed.com/article/uncommon-css/ Release Notes for Safari Technology Preview 109 with Safari 14 Features https://webkit.org/blog/10875/release-notes-for-safari-technology-preview-109-with-safari-14-features/ A little bit of plain Javascript can do a lot https://jvns.ca/blog/2020/06/19/a-little-bit-of-plain-javascript-can-do-a-lot/ Firefox 78 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/78 USA.css https://bennettfeely.com/usacss/ What's New In DevTools (Chrome 85) https://developers.google.com/web/updates/2020/06/devtools When Sass and New CSS Features Collide https://css-tricks.com/when-sass-and-new-css-features-collide/ Fluid Images in a Variable Proportion Layout https://css-tricks.com/fluid-images-in-a-variable-proportion-layout/ Understanding Template Literals in JavaScript https://www.taniarascia.com/understanding-template-literals/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JS Weekly JavaScript's Creator Recommends We Call JavaScript 'JS' https://mobile.twitter.com/BrendanEich/status/1278803332287483904 Vue 3: Mid 2020 Status Update https://github.com/vuejs/rfcs/issues/183 What’s new in V8/JavaScript https://www.youtube.com/watch?v=TPm-UhWkiq8 TS Announcing TypeScript 4.0 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-4-0-beta/ V8 release v8.4 https://v8.dev/blog/v8-release-84 Understanding Template Literals in JavaScript https://www.taniarascia.com/understanding-template-literals/ The Double-Bang (!!) Operator And A Misunderstanding Of How JavaScript Handles Truthy / Falsy Values https://www.bennadel.com//blog/3858-the-double-bang-operator-and-a-misunderstanding-of-how-javascript-handles-truthy-falsy-values.htm Low Code for the Node.js Developer https://www.youtube.com/watch?v=y-vlPdW5IoM&list=PLyspMSh4XhLP-mqulUMcaqTbLo-ZJxSX5&index=57&t=0s The Bits And Bytes of Binary https://www.youtube.com/watch?v=pOM86M1pGb4&list=PLP29wDx6QmW47oPsNBFNEi_SYTOLDJXqQ Tips for golfing in JavaScript https://codegolf.stackexchange.com/questions/2682/tips-for-golfing-in-javascript An in-depth beginner's guide to testing React applications https://jkettmann.com/beginners-guide-to-testing-react/ Exploring the Web Speech API https://www.voorhoede.nl/en/blog/exploring-the-web-speech-api/ TodoMVC implemented using a game architecture — ECS. https://medium.com/@abulka/todomvc-implemented-using-a-game-architecture-ecs-88bb86ea5e98 The Vue 3 Composition API - Getting Started https://www.grapecity.com/blogs/getting-started-with-vue-3-composition-api Vest - Validation Testing https://github.com/ealush/vest React Hook Form https://react-hook-form.com/ purely functional, declarative web apps in javascript https://hyperapp.dev/ SVG patterns for Data Visualization https://riccardoscalco.it/textures/ emoji-picker-element https://github.com/nolanlawson/emoji-picker-element 24a2: An Ultra-Minimalist Dot Matrix-Based Game Engine https://github.com/jamesroutley/24a2 PHONK: A Creative Scripting Toolbox for Android Devices https://phonk.app/ parallax-effect: Parallax Effect in JavaScript using Face Tracking https://github.com/munrocket/parallax-effect ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Why Logs are Important, Introducing Logality https://thanpol.as/nodejs/why-logs-are-important-introducing-logality Node v14.5.0 (Current) https://nodejs.org/en/blog/release/v14.5.0/ Low Code for the Node.js Developer https://www.youtube.com/watch?v=y-vlPdW5IoM&list=PLyspMSh4XhLP-mqulUMcaqTbLo-ZJxSX5&index=57&t=0s Hapi's Hour is Coming to an End? https://twitter.com/hapijs/status/1275887984114413569 Node v12.18.2 https://nodejs.org/en/blog/release/v12.18.2/ Creating an Application Performance Monitor Using Node 14 New and Experimental Features https://medium.com/@erickwendel/node-v14-x-is-up-deep-diving-into-new-features-ace6dd89ac0b Using Remote Containers in WSL 2 https://code.visualstudio.com/blogs/2020/07/01/containers-wsl The Bits And Bytes of Binary https://www.youtube.com/watch?v=pOM86M1pGb4&list=PLP29wDx6QmW47oPsNBFNEi_SYTOLDJXqQ A deep dive into queues in Node.js https://blog.logrocket.com/a-deep-dive-into-queues-in-node-js/ Behind the Scenes of Node.js Distributions https://www.youtube.com/watch?v=1nYswjtEUvE&list=PLyspMSh4XhLP-mqulUMcaqTbLo-ZJxSX5&index=26&t=0s How to Test and Play with Web APIs the Easy Way with Postman https://www.freecodecamp.org/news/how-to-test-and-play-with-web-apis-the-easy-way-with-postman/ node-oracledb version 5.0-dev https://github.com/oracle/node-oracledb Caporal.js 2.0: A Framework for Building Node Command Line Apps https://github.com/mattallty/Caporal.js node-dev: Zero-Conf Node.js Reloading https://github.com/fgnass/node-dev Strongly typed library for querying and modeling DynamoDB documents in TypeScript. https://github.com/neuledge/ddb-table NodeBB 1.14.0: Node-Based Forum Software https://github.com/NodeBB/NodeBB awesome-nodejs-security: A Curated List of Node.js Security Resources https://github.com/lirantal/awesome-nodejs-security ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Google's web.dev LIVE Event is On Now https://web.dev/live/ When Sass and New CSS Features Collide https://css-tricks.com/when-sass-and-new-css-features-collide/ What's New In DevTools (Chrome 85) https://developers.google.com/web/updates/2020/06/devtools What's new for web developers https://developer.apple.com/videos/play/wwdc2020/10663/ New in Firefox 78: DevTools improvements, new regex engine, and abundant web platform updates https://hacks.mozilla.org/2020/06/new-in-firefox-78/ Improving HTTP with structured header fields https://www.fastly.com/blog/improve-http-structured-headers Using the Chrome UX Report API https://web.dev/chrome-ux-report-api/ Smashing Podcast Episode 19 With Andy Bell: What Is CUBE CSS? https://www.smashingmagazine.com/2020/06/smashing-podcast-episode-19/ Learn Svelte in 5 Minutes https://dev.to/scrimba/learn-svelte-in-5-minutes-53i4 How to Get All Custom Properties on a Page in JavaScript https://css-tricks.com/how-to-get-all-custom-properties-on-a-page-in-javascript/ Are you using SVG favicons yet? A guide for modern browsers. https://medium.com/swlh/are-you-using-svg-favicons-yet-a-guide-for-modern-browsers-836a6aace3df Styling Layout Wrappers In CSS https://ishadeed.com/article/styling-wrappers-css/ emoji-picker-elemen https://github.com/nolanlawson/emoji-picker-element Bootstrap Icons Alpha 5 https://blog.getbootstrap.com/2020/06/26/bootstrap-icons-alpha5/ Render anything as HTML checkboxes https://www.bryanbraun.com/checkboxland/ How to Target Email Clients https://howtotarget.email/ An in-depth beginner's guide to testing React applications https://jkettmann.com/beginners-guide-to-testing-react/ React Hook Form 6.0 https://react-hook-form.com/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Grid Cheatsheet https://yoksel.github.io/grid-cheatsheet/ Using Custom Property “Stacks” to Tame the Cascade https://css-tricks.com/using-custom-property-stacks-to-tame-the-cascade/ Styling Layout Wrappers In CSS https://ishadeed.com/article/styling-wrappers-css/ CodePen CSS folded poster effect https://codepen.io/lynnandtonic/pen/PoZpjOr Is WebP really better than JPEG? https://siipo.la/blog/is-webp-really-better-than-jpeg Create a React Teleprompter using the Web SpeechRecognition API https://elijahmanor.com/react-teleprompter How to configure and enforce coding standard rules https://www.devbridge.com/articles/coding-best-practices/ Safari 14 Beta Release Notes https://developer.apple.com/documentation/safari-release-notes/safari-14-beta-release-notes ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Refactoring optional chaining into a large codebase: lessons learned https://lea.verou.me/2020/06/refactoring-optional-chaining-into-a-large-codebase-lessons-learned/ A little bit of plain Javascript can do a lot https://jvns.ca/blog/2020/06/19/a-little-bit-of-plain-javascript-can-do-a-lot/ Version 10 of Angular Now Available https://blog.angular.io/version-10-of-angular-now-available-78960babd41 What's coming in TypeScript 4? https://httptoolkit.tech/blog/whats-coming-in-typescript-4 ECMAScript proposal: private static methods and accessors in classes https://2ality.com/2020/06/private-static-methods-accessors-in-classes.html npm v7 Series - Why Keep package-lock.json? https://blog.npmjs.org/post/621733939456933888/npm-v7-series-why-keep-package-lockjson How to Get All Custom Properties on a Page in JavaScript https://css-tricks.com/how-to-get-all-custom-properties-on-a-page-in-javascript/ Getting started with Oak in Deno https://www.robinwieruch.de/deno-oak Understanding Generators in JavaScript https://www.taniarascia.com/understanding-generators-in-javascript/ Build a CRUD App with Vue.js, Spring Boot, and Kotlin https://developer.okta.com/blog/2020/06/26/spring-boot-vue-kotlin Subway Surfers Made with Javascript? https://www.youtube.com/watch?v=Sz7ugHHlvX4 Rubber Duck Debugging For JavaScript Developers http://thecodebarbarian.com/rubber-duck-debugging-for-javascript-developers.html Complex Tables, Simple Code http://tabulator.info/ Minimal dependency-free pan/zoom library https://github.com/team-video/tragopan react-query V 2.0.0 https://github.com/tannerlinsley/react-query/releases/tag/v2.0.0 The world's easiest, most powerful random function. https://github.com/nastyox/Rando.js searching text, images, videos, audio or any kind of data with a Jina backend. https://github.com/jina-ai/jinabox.js/ Intersection Observer Visualizer https://codepen.io/michellebarker/full/xxwLpRG Record, Replay, and Stub HTTP Interactions https://github.com/Netflix/pollyjs Vest - Validation Testing https://github.com/ealush/vest Render anything as HTML checkboxes https://www.bryanbraun.com/checkboxland/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Building a GraphQL API in JavaScript https://blog.heroku.com/building-graphql-api-javascript npm v7 Series - Why Keep package-lock.json? https://blog.npmjs.org/post/621733939456933888/npm-v7-series-why-keep-package-lockjson Node.js ORM for Postgres, MySQL, MariaDB, SQLite and Microsoft SQL Server https://github.com/sequelize/sequelize Deno, a Secure Runtime for JavaScript and TypeScript - Ryan Dahl, Deno Land https://www.youtube.com/watch?v=doug6st5vAs Programming Environment for TypeScript & Node.js https://kretes.dev/ Tips for End to End Testing with Puppeteer https://goodguydaniel.com/blog/tips-end-to-end-testing-puppeteer/ Kicking Node into high gear for data processing or how to hire 100 cats to catch a mouse https://sgolem.com/kicking-node-into-high-gear-for-data-processing-or-how-to-hire-100-cats-to/ Ridiculous NPM (Node.js) Packages that I wish didn't exist https://www.youtube.com/watch?v=PI5wz2pwXIg All you need to know about MongoDB schema migrations in node.js https://softwareontheroad.com/database-migration-node-mongo/ tool for generating a visual graph of your module dependencies https://github.com/pahen/madge patch-package: Fix Broken Node Modules Instantly https://github.com/ds300/patch-package Key-value storage for multiple databases https://github.com/chroventer/endb Introducing puppeteer-in-electron https://github.com/TrevorSundberg/puppeteer-in-electron sitemap.js: Sitemap Generation Library and CLI Tool https://github.com/ekalinin/sitemap.js Google Cloud BigQuery: Node.js Client https://github.com/googleapis/nodejs-bigquery LDAPjs 2.0: An LDAP Client and Server API for Node https://github.com/ldapjs/node-ldapjs/releases/tag/v2.0.0 etcd3 1.0: A Node Client Library for etcd3 https://github.com/microsoft/etcd3 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Deno Weekly deno Artwork https://deno.land/artwork Deno, a Secure Runtime for JavaScript and TypeScript - Ryan Dahl, Deno Land https://www.youtube.com/watch?v=doug6st5vAs Getting started with Oak in Deno https://www.robinwieruch.de/deno-oak 5 reasons why Deno will stop using TypeScript http://startfunction.com/deno-will-stop-using-typescript/ deno v1.1.1 https://github.com/denoland/deno/releases/tag/v1.1.1 Runtime validation types for TypeScript. https://github.com/neuledge/computed-types A lightweight testing framework for Deno. https://github.com/drashland/rhum ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Prefetching? At This Age? https://timkadlec.com/remembers/2020-06-17-prefetching-at-this-age/ An Overview of Scroll Technologies https://css-tricks.com/an-overview-of-scroll-technologies/ Safari and Web https://developer.apple.com/news/?id=e4u1mtfu Is WebP really better than JPEG? https://siipo.la/blog/is-webp-really-better-than-jpeg Safari 14 Beta Release Notes https://developer.apple.com/documentation/safari-release-notes/safari-14-beta-release-notes Welcoming Safari to the WebExtensions Community https://hacks.mozilla.org/2020/06/welcoming-safari-to-the-webextensions-community/ Using Custom Property “Stacks” to Tame the Cascade https://css-tricks.com/using-custom-property-stacks-to-tame-the-cascade/ After 3 Years of Work, Chrome Killed My Extension and Won’t Tell Me Why https://medium.com/@miko_89964/after-3-years-of-work-chrome-killed-my-extension-and-wont-tell-me-why-83a3f8d65cbc Let them paste passwords https://www.ncsc.gov.uk/blog-post/let-them-paste-passwords The Return of the 90s Web https://mxb.dev/blog/the-return-of-the-90s-web/ How to file a good browser bug https://web.dev/how-to-file-a-good-bug/ knopf.css: A Modern, Modular, and Extensible Button System https://knopf.dev/ keen-slider: An Agnostic Touch Slider https://keen-slider.io/ Tailwind CSS Cheat Sheet https://nerdcave.com/tailwind-cheat-sheet Octopus.do: A Visual Sitemap Builder https://octopus.do/ Tzdb: A Simplified and Grouped List of Time Zones and Offsets https://github.com/vvo/tzdb/ Create HTML5 Boilerplate https://github.com/h5bp/create-html5-boilerplate ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories CSS Custom Properties Fail Without Fallback https://matthiasott.com/notes/css-custom-properties-fail-without-fallback Release Notes for Safari Technology Preview 108 https://webkit.org/blog/10840/release-notes-for-safari-technology-preview-108/ Inclusively Hiding & Styling Checkboxes and Radio Buttons https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/ Building a hexagonal grid using CSS grid https://ninjarockstar.dev/css-hex-grids/ Learn Z-Index Using a Visualization Tool https://thirumanikandan.com/posts/learn-z-index-using-a-visualization-tool Striking a Balance Between Native and Custom Select Elements https://css-tricks.com/striking-a-balance-between-native-and-custom-select-elements/ Advice for Complex CSS Illustrations https://css-tricks.com/advice-for-complex-css-illustrations/ Bootstrap 5 alpha! https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Introducing GitHub Super Linter: one linter to rule them all https://github.blog/2020-06-18-introducing-github-super-linter-one-linter-to-rule-them-all/ keen-slider: An Agnostic Touch Slider https://keen-slider.io/ Compiler Compiler: A Twitch series about working on a JavaScript engine https://hacks.mozilla.org/2020/06/compiler-compiler-working-on-a-javascript-engine/ Puppeteer v4.0.0 Released: The Node API for Chrome https://github.com/puppeteer/puppeteer/releases/tag/v4.0.0 Why we switched from Yarn to pnpm https://www.takeshape.io/articles/why-we-switched-from-yarn-to-pnpm/ How to Run an Online Dev Conference / Event https://stac.works/articles/how-to-run-an-online-conference Stop mocking fetch https://kentcdodds.com/blog/stop-mocking-fetch Creative Coding in p5.js https://www.youtube.com/watch?v=sRLWIAPaiRI Tips for End to End Testing with Puppeteer https://goodguydaniel.com/blog/tips-end-to-end-testing-puppeteer/ Go async in Vue 3 with Suspense https://vuedose.tips/go-async-in-vue-3-with-suspense/ What JavaScript Developers Should Know About Curl http://thecodebarbarian.com/what-javascript-developers-should-know-about-curl.html Computing with types in TypeScript https://2ality.com/2020/06/computing-with-types.html Vue.js - Cleaning up components https://michaelzanggl.com/articles/vue-cleaning-up-components/ Code Notes: A Gatsby Theme for Publishing Code-Related Notes and Snippets https://zander.wtf/blog/code-notes-release Easily generate .docx files with JS/TS with a nice declarative API. https://github.com/dolanmiu/docx A Powerful Tooltip and Popover for Angular Applications https://github.com/ngneat/helipopper Creating a Design System in React https://medium.com/javascript-in-plain-english/creating-a-design-system-in-react-5c4d811d0ccc How to Create Editable DataGrids in a React Redux Application https://www.grapecity.com/blogs/editable-datagrid-in-a-react-redux-application Release v0.6.0 · vuejs/composition-api https://github.com/vuejs/composition-api/releases/tag/v0.6.0 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node v12.18.1 https://nodejs.org/en/blog/release/v12.18.1/ Why we switched from Yarn to pnpm https://www.takeshape.io/articles/why-we-switched-from-yarn-to-pnpm/ How to handle errors in Express https://www.robinwieruch.de/node-express-error-handling Puppeteer v4.0.0 Released: The Node API for Chrome https://nodeweekly.com/issues/343 What JavaScript Developers Should Know About Curl http://thecodebarbarian.com/what-javascript-developers-should-know-about-curl.html Build a Weight Tracker App with Node.js and PostgreSQL https://developer.okta.com/blog/2020/06/01/node-postgres-weight-tracker Hapi: A Performance deep-dive https://www.nearform.com/blog/hapi-a-performance-deep-dive/ How one word in PostgreSQL unlocked a 9x performance improvement https://jlongster.com/how-one-word-postgresql-performance The fastest Node.js library for formatting terminal text with ANSI colors~! https://github.com/lukeed/kleur DynamoDB ODM for Node https://github.com/peak-ai/jedlik Easily generate .docx files with JS/TS. Works for Node and on the Browser. https://github.com/dolanmiu/docx Official Elasticsearch client library for Node.js https://github.com/elastic/elasticsearch-js Johnny Five 2.0: A JavaScript Robotics and IoT Programming Framework https://github.com/rwaldron/johnny-five HTTP server mocking and expectations library for Node.js https://github.com/nock/nock A low-level Node.js binding for the Linux epoll API https://github.com/fivdi/epoll ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Deno Weekly Deno 1.1 Released https://github.com/denoland/deno/releases/tag/v1.1.0 What Is The Best Deno Web Framework? https://dev.to/craigmorten/what-is-the-best-deno-web-framework-2k69 webview: Render Web-Based GUIs for Desktop Apps https://deno.land/x/webview MySQL, SQLite, PostgreSQL and MongoDB ORM for Deno https://github.com/eveningkid/denodb A graphql http server for deno. Built on top of deno http server! 🦕 https://github.com/TdfGomes/graphql4deno Deno Beginner Learn Deno today. Free crash course. https://denobeginner.com/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Bootstrap 5 alpha! https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/ Google confirms experiment to remove full address from URL bar in Chrome, details opt-out mechanism https://www.androidpolice.com/2020/06/15/google-confirms-experiment-to-remove-full-address-from-url-bar-in-chrome-details-opt-out-mechanism/ 2020 Chrome Extension Performance Report https://www.debugbear.com/blog/2020-chrome-extension-performance-report Web Engine Diversity and Ecosystem Health https://bkardell.com/blog/EcosystemHealth.html Learn Z-Index Using a Visualization Tool https://thirumanikandan.com/posts/learn-z-index-using-a-visualization-tool CSS Custom Properties Fail Without Fallback https://matthiasott.com/notes/css-custom-properties-fail-without-fallback Unicode support. What does that actually mean? 😃 https://boyter.org/posts/unicode-support-what-does-that-actually-mean/ The History of Search Engines https://carlhendy.com/history-of-search-engines/#top How Web Accessibility Works https://blog.segunolalive.com/posts/how-web-accessibility-works/ How I fixed accessibility on my website and how you can fix yours https://sericaia.me/blog/2020-06-08/how-i-fixed-accessibility-on-my-website-and-how-you-can-fix-yours 5 Myths About Jamstack https://css-tricks.com/5-myths-about-jamstack/ Josh.js A JavaScript library to animate content on page scroll. https://mamunhpath.github.io/josh.js/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Grid for layout, Flexbox for components https://ishadeed.com/article/grid-layout-flexbox-components/ CSS :is() and :where() are coming to browsers https://webplatform.news/issues/2020-06-04 The Mad Magazine Fold-In Effect in CSS https://thomaspark.co/2020/06/the-mad-magazine-fold-in-effect-in-css/ Cool Little CSS Grid Tricks for Your Blog https://css-tricks.com/cool-little-css-grid-tricks-for-your-blog/ Grid.js Advanced Table Plugin https://gridjs.io/ Hybrid positioning with CSS variables and max() https://lea.verou.me/2020/06/hybrid-positioning-with-css-variables-and-max/ The complete guide to CSS media queries https://polypane.app/blog/the-complete-guide-to-css-media-queries/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly 153 JavaScript Questions (With Their Answers Explained) https://github.com/lydiahallie/javascript-questions#readme ECMAScript proposal: Logical assignment operators https://2ality.com/2020/06/logical-assignment-operators.html Yet Another Doom Clone (In 13kb of JavaScript) https://nicholas.carlini.com/writing/2019/javascript-doom-clone-13k.html Type assertions in TypeScript https://2ality.com/2020/06/type-assertions-typescript.html Deploy a Gridsome App on Azure Static Web Apps https://www.giftegwuenu.com/deploy-a-gridsome-app-on-azure-static-web-apps/ Higher-Order Components In React https://www.smashingmagazine.com/2020/06/higher-order-components-react/ How to Compare Objects in JavaScript https://dmitripavlutin.com/how-to-compare-objects-in-javascript/ Svelte, why so much hype ? https://dev.to/zenika/svelte-why-so-much-hype-2k61 Attempting To Improve Rendering Performance Of A Large List View In AngularJS 1.2.22 https://www.bennadel.com/blog/3837-attempting-to-improve-rendering-performance-of-a-large-list-view-in-angularjs-1-2-22.htm Johnny Five 2.0: A JavaScript Robotics and IoT Programming Framework https://github.com/rwaldron/johnny-five Karma 5: A Multiple Real Browser Test Runner for JavaScript http://karma-runner.github.io/latest/index.html A Javascript Module for KeyDB and Redis https://github.com/JohnSully/ModJS Financial lightweight charts built with HTML5 canvas https://github.com/tradingview/lightweight-charts tsParticles v1.15.0 released https://dev.to/matteobruni/tsparticles-v1-15-0-released-1j0d Josh.js A JavaScript library to animate content on page scroll. https://mamunhpath.github.io/josh.js/ Create beautiful SVG guitar chord charts https://github.com/omnibrain/svguitar GSAP's NEW ScrollTrigger Plugin! https://www.youtube.com/watch?v=ygcEKd0RIGg Five common mistakes writing react components (with hooks) in 2020 https://www.lorenzweiss.de/common_mistakes_react_hooks/ Stop mocking fetch https://kentcdodds.com/blog/stop-mocking-fetch ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly njt (npm jump to): A Quick Navigation Tool https://njt.now.sh/ What are Github Actions and How Can You Automate Tests and Slack Notifications? https://www.freecodecamp.org/news/what-are-github-actions-and-how-can-you-automate-tests-and-slack-notifications/ A Practical Guide to moment-timezone http://thecodebarbarian.com/a-practical-guide-to-moment-timezone.html starred_search: Keyword Search Your Starred GitHub Repositories https://github.com/Link-/starred_search Prisma 2.0: Confidence and productivity for your database https://www.prisma.io/blog/announcing-prisma-2-n0v98rzc8br1 Exporting a web page as PDF or PNG from Node.js https://www.thedreaming.org/2020/06/08/export-as-pdf/ Testing in parallel with Mocha v8.0.0 https://developer.ibm.com/technologies/node-js/articles/parallel-tests-mocha-v8/ Rate Limiting An Express App https://eugene.coding.blog/rate-limiting-an-express-app A Complete Introduction to Node Buffers https://livecodestream.dev/post/2020-06-06-a-complete-introduction-to-node-buffers/ 7 ways to improve Node.js performance at scale https://blog.logrocket.com/7-ways-to-improve-node-js-performance-at-scale/ test helpers for working with Node.js' http2 module https://github.com/bcoe/http2spy Display images in the terminal https://github.com/sindresorhus/terminal-image 💩🚀 Windows 95 in Electron. Runs on macOS, Linux, and Windows. https://github.com/felixrieseberg/windows95 🌌 A Node.js console REPL with object inspection and many other features https://github.com/11ways/janeway ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Deno Weekly How to deploy Deno applications to production https://blog.logrocket.com/how-to-deploy-deno-applications-to-production/ Deno is a Browser for Code https://kitsonkelly.com/posts/deno-is-a-browser-for-code/ Server framework for Deno https://github.com/sholladay/pogo Deno port of the WASM library for ImageMagick https://github.com/leonelv/deno-imagemagick Deploy Deno to Azure App Service https://github.com/marketplace/actions/deploy-deno-to-azure-app-service Design Doc: Use JavaScript instead of TypeScript for internal Deno Code https://docs.google.com/document/d/1_WvwHl7BXUPmoiSeD8G83JmS8ypsTPqed4Btkqkn_-4/edit# feat: "deno lint" subcommand https://github.com/denoland/deno/pull/6125 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus CSS :is() and :where() are coming to browsers https://webplatform.news/issues/2020-06-04 The complete guide to CSS media queries https://polypane.app/blog/the-complete-guide-to-css-media-queries/ Animate.css v4: Just-add-water CSS Animations https://animate.style/ Cool Little CSS Grid Tricks for Your Blog https://css-tricks.com/cool-little-css-grid-tricks-for-your-blog/ Publishers Sue Internet Archive For 'Mass Copyright Infringement' https://www.npr.org/2020/06/03/868861704/publishers-sue-internet-archive-for-mass-copyright-infringement?t=1591698470014 Service Worker Lifecycle Explained https://felixgerschau.com/service-worker-lifecycle-update/ Grid for layout, Flexbox for components https://ishadeed.com/article/grid-layout-flexbox-components/ The Mad Magazine Fold-In Effect in CSS https://thomaspark.co/2020/06/the-mad-magazine-fold-in-effect-in-css/ Quick Tips for High Contrast Mode https://sarahmhigley.com/writing/whcm-quick-tips/ How to Create a Motion Hover Effect for a Background Image Grid https://tympanus.net/codrops/2020/06/10/how-to-create-a-motion-hover-effect-for-a-background-image-grid/ Styling numbered lists with CSS counters https://blog.logrocket.com/styling-numbered-lists-with-css-counters/ CSS Viewport Units: A Quick Start https://www.sitepoint.com/css-viewport-units-quick-start/ Sass Color Functions in CSS https://blog.jim-nielsen.com/2020/sass-color-functions-in-css/ CSS Grid: Newspaper Layout https://codepen.io/oliviale/full/BaoXOOP FAB: Frontend Application Bundles https://fab.dev/ Sorted CSS Colors: A Way to Navigate CSS Colors By Hue https://enes.in/sorted-colors/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Global CSS options with custom properties https://markdotto.com/2020/05/20/global-css-options-custom-properties/ Release Notes for Safari Technology Preview 107 https://webkit.org/blog/10585/release-notes-for-safari-technology-preview-107/ Firefox 77 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/77 Sass Color Functions in CSS https://blog.jim-nielsen.com/2020/sass-color-functions-in-css/ A user’s guide to CSS variables https://increment.com/frontend/a-users-guide-to-css-variables/ Global and Component Style Settings with CSS Variables https://www.sarasoueidan.com/blog/style-settings-with-css-variables/ Colors in CSS https://ishadeed.com/article/css-color/ The process: Making Vue 3 https://increment.com/frontend/making-vue-3/ The Need for Speed, 23 Years Later https://www.nngroup.com/articles/the-need-for-speed/ Overlapping Header with CSS Grid https://snook.ca/archives/html_and_css/overlapping-header-with-css-grid ----------------------------- for more -subscribe to the channel https://t.me/webWekkly