The weekly

Frontend Focus 100,000 Faces Generated by AI https://generated.photos/ 10 best Chrome extensions for designers https://uxdesign.cc/10-best-chrome-extensions-for-designers-a76540b93836 Inconsistent behavior among browsers when clicking on buttons https://zellwk.com/blog/inconsistent-button-behavior/ Introducing augmented-ui https://augmented-ui.com/ More options to help websites preview their content on Google Search https://webmasters.googleblog.com/2019/09/more-controls-on-search.html How to Build Unique, Beautiful Websites with Tailwind CSS https://www.sitepoint.com/tailwind-unique-beautiful-websites/ Intelligent Tracking Prevention 2.3 https://webkit.org/blog/9521/intelligent-tracking-prevention-2-3/ Smoother & sharper shadows with layered box-shadows https://tobiasahlin.com/blog/layered-smooth-box-shadows/ Designing Complex Responsive Tables In WordPress https://www.smashingmagazine.com/2019/09/designing-complex-responsive-tables-wordpress/ Mind the gap, user centered design in large organizations https://www.youtube.com/watch?v=mAiNdU1go1A Variable fonts & the new Google Fonts API https://rwt.io/typography-tips/variable-fonts-new-google-fonts-api Filtering Data Client-Side: Comparing CSS, jQuery, and React https://css-tricks.com/filtering-data-client-side-comparing-css-jquery-and-react/ An HTML attribute potentially worth $4.4M to Chipotle https://cloudfour.com/thinks/an-html-attribute-potentially-worth-4-4m-to-chipotle/ Browser Engine Diversity https://css-tricks.com/browser-engine-diversity/ **subscribe to channel ** https://t.me/webWekkly

Front-End Front Top Stories Complete Guide to Responsive Images! https://medium.com/@elad/a-complete-guide-for-responsive-images-b13db359c6c7 Practical Ways to Write Better JavaScript https://stackoverflow.blog/2019/09/12/practical-ways-to-write-better-javascript/ Automatically generated source-maps could be revealing your private project’s files https://levelup.gitconnected.com/automatically-generated-source-maps-could-be-revealing-your-private-projects-files-17b2d13d7da4?source=friends_link&sk=248faeec970f339df24e55d226f06650 Create smoother & sharper shadows with layered box-shadows https://tobiasahlin.com/blog/layered-smooth-box-shadows/ Keeping it simple with CSS that scales https://hankchizljaw.com/wrote/keeping-it-simple-with-css-that-scales/ An HTML attribute potentially worth $4.4M to Chipotle https://cloudfour.com/thinks/an-html-attribute-potentially-worth-4-4m-to-chipotle/ Two Browsers Walked Into a Scrollbar https://www.filamentgroup.com/lab/scrollbars/ Moving beyond console.log() — 8 Console Methods for Debugging https://medium.com/gitconnected/moving-beyond-console-log-8-console-methods-you-should-use-when-debugging-javascript-and-node-25f6ac840ada?source=friends_link&sk=62597805243671cb9b96e54b052fde58 The perfect responsive menu https://polypane.rocks/blog/the-perfect-responsive-menu-2019/ Wikipedia’s JavaScript initialisation on a budget https://phabricator.wikimedia.org/phame/live/7/post/175/wikipedia_s_javascript_initialisation_on_a_budget/ Automatically compress images on Pull Requests https://calibreapp.com/blog/compress-images-in-prs/ subscribe to channel https://t.me/webWekkly

JavaScript Weekly Wikipedia's JavaScript initialisation on a budget https://phabricator.wikimedia.org/phame/live/7/post/175/wikipedia_s_javascript_initialisation_on_a_budget/ Practical Ways to Write Better JavaScript https://stackoverflow.blog/2019/09/12/practical-ways-to-write-better-javascript/ Why 0.1 + 0.2 === 0.30000000000000004 https://www.youtube.com/watch?v=wPBjd-vb9eI Machine Learning For Front-End Developers With Tensorflow.js https://www.smashingmagazine.com/2019/09/machine-learning-front-end-developers-tensorflowjs/ HTML5 and JavaScript Game Development Competition in just 13 kB https://js13kgames.com/entries/2019 The 80/20 Guide to Maps in JavaScript http://thecodebarbarian.com/the-80-20-guide-to-maps-in-javascript.html Profile a React App for Performance https://kentcdodds.com/blog/profile-a-react-app-for-performance Moving beyond console.log() https://levelup.gitconnected.com/moving-beyond-console-log-8-console-methods-you-should-use-when-debugging-javascript-and-node-25f6ac840ada All you need to know about JavaScript Iterators and Generators https://jfet97.github.io/JavaScript-Iterators-and-Generators/ Human Readable JavaScript https://dev.to/laurieontech/human-readable-javascript-337o James Stewart - Vue 2 / Vue 3 Comparison https://www.youtube.com/watch?v=8D4N7IcexoA Build A Javascript OCR App Tutorial https://www.youtube.com/watch?v=a1I3tcALTlc Getting Started with Electron, Typescript, React and Webpack https://www.sitepen.com/blog/getting-started-with-electron-typescript-react-and-webpack/ Cheat sheet for moving from jQuery to vanilla JavaScript https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/ Storybook 5.2 https://medium.com/storybookjs/storybook-5-2-794958b9b111 JavaScript library for reorderable drag-and-drop lists https://sortablejs.github.io/Sortable/ Vue Select https://vue-select.org/ A JavaScript library for doing geometry. https://github.com/HarryStevens/geometric Simple and modern async event emitter https://github.com/sindresorhus/emittery The Power of Higher Order Functions in JavaScript https://dev.to/jsmanifest/the-power-of-higher-order-functions-in-javascript-with-examples-and-use-cases-2hkl Three useful Express middleware https://dev.to/zellwk/three-useful-express-middleware-1di Let's build a game with Tensorflow.js in 10 minutes https://dev.to/yashints/let-s-build-a-game-with-tensorflow-js-in-10-minutes-1co5 Why You Should Be Using the Web Share API in Your PWA https://dev.to/worsnupd/why-you-should-be-using-the-web-share-api-in-your-pwa-14n2 **subscribe to channel ** ** https://t.me/webWekkly **

Node Weekly Avoiding the Tragedy of the Commons: Acceptable Use of the npm Public Registry https://nodeweekly.com/link/77246/db10803936 Using GitHub Actions for Continuous Integration! http://www.thedreaming.org/2019/09/10/github-ci/ Why 0.1 + 0.2 === 0.30000000000000004: Implementing IEEE 754 in J https://www.youtube.com/watch?v=wPBjd-vb9eI OpenSSL security releases do not require Node.js security releases https://nodejs.org/en/blog/vulnerability/september-2019-openssl-no-updates/ How To Pass Environment Info During Docker Builds https://blog.bitsrc.io/how-to-pass-environment-info-during-docker-builds-1f7c5566dd0e All you need to know about JavaScript Iterators and Generators https://jfet97.github.io/JavaScript-Iterators-and-Generators/ Build a Tree-Shaking Utility in JavaScript https://blog.bitsrc.io/build-a-tree-shaking-utility-in-javascript-c6b13e469121 Build a WhatsApp bot in 10 minutes using Node.js and Twilio https://medium.com/the-andela-way/build-a-whatsapp-bot-in-10-minutes-using-node-js-and-twilio-9869b443bf5e GIT quick statistics https://github.com/arzzen/git-quick-stats/ Open-sourcing our Node.js S2 library https://radar.io/blog/open-source-node-js-typescript-s2-library An automatic mock data generator for mongoose using schema definition. https://github.com/faboulaws/fakingoose A lighter V8 https://v8.dev/blog/v8-lite subscribe to channel ** https://t.me/webWekkly **

Frontend Focus Machine Learning For Front-End Developers With Tensorflow.js https://www.smashingmagazine.com/2019/09/machine-learning-front-end-developers-tensorflowjs/ (Why) Some HTML is "optional" https://remysharp.com/2019/09/12/why-some-html-is-optional#targetText=(Why)%20Some%20HTML%20is%20%22optional%22 Moving Firefox to a faster 4-week release cycle https://hacks.mozilla.org/2019/09/moving-firefox-to-a-faster-4-week-release-cycle/ Two Browsers Walked Into a Scrollbar https://www.filamentgroup.com/lab/scrollbars/ HTML5 and JavaScript Game Development Competition in just 13 kB https://js13kgames.com/entries/2019 New in Chrome 77 https://developers.google.com/web/updates/2019/09/nic77 Logical Operations with CSS Variables https://css-tricks.com/logical-operations-with-css-variables/ Contemporary Front-end Architectures https://blog.webf.zone/contemporary-front-end-architectures-fb5b500b0231 Ghost Buttons with Directional Awareness in CSS https://css-tricks.com/ghost-buttons-with-directional-awareness-in-css/ CSS Grid: illustrated introduction https://dev.to/mustapha/css-grid-illustrated-introduction-52l5 Why I'm preloading a font even when I shouldn't have to https://www.alexrp.co.uk/blog/preloading-fonts.html 😲🤯The most outstanding new feature in Javascript you need to know about: Optional Chaining https://dev.to/lampewebdev/the-most-outstanding-new-feature-in-javascript-you-need-to-know-about-optional-chaining-2pg2 9 Satisfying CSS + JS animations for relaxation 💆 https://dev.to/webdeasy/9-satisfying-css-animations-for-relaxation-5ggl Map/Filter/Reduce Crash Course https://dev.to/chrisachard/map-filter-reduce-crash-course-5gan Profile a React App for Performance https://kentcdodds.com/blog/profile-a-react-app-for-performance Avoiding useEffect race conditions with a custom hook https://flufd.github.io/avoiding-race-conditions-use-current-effect/ How to Target the DOM in Vue https://www.telerik.com/blogs/how-to-target-the-dom-in-vue On building a Vue.js piano https://dev.to/sustained/sforzando-an-app-for-learning-and-experimenting-with-music-theory-harmony-composition-44cm **subscribe to channel ** https://t.me/webWekkly

Front-End Front Top Stories Can I email… Support tables for HTML and CSS in emails https://www.caniemail.com/ Simplicity (II) https://bastianallgeier.com/notes/simplicity-part-2 Ghost Buttons with Directional Awareness in CSS https://css-tricks.com/ghost-buttons-with-directional-awareness-in-css/ Using Custom Properties to Wrangle Variations in Keyframe Animations https://css-tricks.com/using-custom-properties-to-wrangle-variations-in-keyframe-animations/ Caniuse and MDN compatibility data collaboration https://hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/ What’s New In DevTools (Chrome 78) https://developers.google.com/web/updates/2019/09/devtools Release Notes for Safari Technology Preview 91 https://webkit.org/blog/9526/release-notes-for-safari-technology-preview-91/ Apple Just Shipped Web Components to Production and You Probably Missed It https://dev.to/ionic/apple-just-shipped-web-components-to-production-and-you-probably-missed-it-57pf Metronomes in JavaScript https://meowni.ca/posts/metronomes/ (Why) Some HTML is “optional" https://remysharp.com/2019/09/12/why-some-html-is-optional subscribe to channel https://t.me/webWekkly

JavaScript Weekly Moving Your JavaScript Development To Bash On Windows https://www.smashingmagazine.com/2019/09/moving-javascript-development-bash-windows/ A lighter V8 https://v8.dev/blog/v8-lite Metronomes in JavaScript https://meowni.ca/posts/metronomes/ A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10) https://github.com/daumann/ECMAScript-new-features-list Immer 4.0: A Way to Work with Immutable State in JS https://immerjs.github.io/immer/docs/introduction A Million Digits of Pi in 9 Lines of Javascript http://ajennings.net/blog/a-million-digits-of-pi-in-9-lines-of-javascript.html A Re-Introduction To Destructuring Assignment https://www.smashingmagazine.com/2019/09/reintroduction-destructuring-assignment/ void in JavaScript and TypeScript https://fettblog.eu/void-in-javascript-and-typescript/ The 5 Big Features of TypeScript 3.7 and How to Use Them https://httptoolkit.tech/blog/5-big-features-of-typescript-3.7/ React Native Tutorial for Beginners - Crash Course 2019 https://www.youtube.com/watch?v=qSRrxpdMpVc It’s Not Wrong that "🤦🏼‍♂️".length == 7 https://hsivonen.fi/string-length/ X3D: Declarative 3D for the Modern Web https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html Angular Dependency Injection Tips https://codeburst.io/angular-dependency-injection-tips-ddb24b8244be JSFoo: VueDay 2019 https://www.youtube.com/playlist?list=PL279M8GbNsetq9zfE2yXEuKcUhZR0mnz3#jsfoovueday Vanilla JavaScript emoji picker https://github.com/joeattardi/emoji-button Configuring ESLint, Prettier and Airbnb in 1 Line https://medium.com/javascript-in-plain-english/configuring-eslint-prettier-and-airbnb-in-1-line-164ab8f1e8c7 Test-Driven Development (TDD) in React Part 1 https://medium.com/javascript-in-plain-english/test-driven-development-tdd-in-react-part-1-edb4270761aa Angular ViewChild and ViewChildren https://medium.com/better-programming/angular-viewchild-and-viewchildren-fde2d252b9ab React Hooks: Recipes https://codeburst.io/react-hooks-recipes-1c18e5984abe Bundle your Web application with ParcelJS https://codeburst.io/bundle-your-web-application-with-parceljs-b4eee99bdb55 Using the DOM like a Pro https://itnext.io/using-the-dom-like-a-pro-163a6c552eba Mastering Node.js version management and npm registry sources like a pro https://snyk.io/blog/mastering-node-js-version-management-and-npm-registry-sources-like-a-pro/ **subscribe to channel ** https://t.me/webWekkly

Node Weekly What's New in Mongoose 5.7: Conditional Immutability, Faster Document Arrays http://thecodebarbarian.com/mongoose-5-7-conditional-immutability-document-array-perf.html Better package selection with npm Enterprise https://blog.npmjs.org/post/187652843180/better-package-selection-with-npm-enterprise OpenSSL security releases may require Node.js security releases https://nodejs.org/en/blog/vulnerability/september-2019-openssl-updates/ worker: mark as stable https://github.com/nodejs/node/commit/9a436d19f3cd541f92e3c1c26a0ec020a10960fa A javascript clone of google/python-fire 🔥 https://github.com/hobochild/js-fire Proxying packages with GitHub Package Registry and other updates https://github.blog/2019-09-11-proxying-packages-with-github-package-registry-and-other-updates/?utm_campaign=1568215894&utm_medium=social&utm_source=twitter&utm_content=1568215894 ABC's of JavaScript and Node.js https://nodesource.com/blog/ABC-of-JavaScript-and-Nodejs Extract meaningful content from the chaos of a web page https://github.com/postlight/mercury-parser Sequelize ORM npm library found vulnerable to SQL Injection attacks https://snyk.io/blog/sequelize-orm-npm-library-found-vulnerable-to-sql-injection-attacks/ BxJS - (Custom) Github Actions for Node.js projects https://www.youtube.com/watch?v=uLu5g76tDWw Mastering Node.js version management and npm registry sources like a pro https://snyk.io/blog/mastering-node-js-version-management-and-npm-registry-sources-like-a-pro/?utm_source=ponyfoo+weekly&utm_medium=email&utm_campaign=184 **subscribe to channel ** https://t.me/webWekkly

Frontend Focus A beginner's guide to scrollytelling https://webflow.com/blog/scrollytelling-guide Using rel=”preconnect” to establish network connections early and increase performance https://css-tricks.com/using-relpreconnect-to-establish-network-connections-early-and-increase-performance/ Horrible Interfaces and How to Build Them - Anthony Frehner - React Rally 2019 https://www.youtube.com/watch?v=RgqSlRbbvwA Evolving “nofollow” – new ways to identify the nature of links https://webmasters.googleblog.com/2019/09/evolving-nofollow-new-ways-to-identify.html Speeding up the web with the Save-Data header https://nooshu.github.io/blog/2019/09/01/speeding-up-the-web-with-save-data-header/ Caniuse and MDN compatibility data collaboration https://hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/ What's New In DevTools (Chrome 78) https://developers.google.com/web/updates/2019/09/devtools sage Share of Internet Browsers 1996 - 2019 [OC] https://www.reddit.com/r/dataisbeautiful/comments/cxuah9/usage_share_of_internet_browsers_1996_2019_oc/ The Making of an Animated Favicon https://css-tricks.com/the-making-of-an-animated-favicon/ Mastering The HTML <audio> Tag https://catswhocode.com/html-audio-tag/ Understanding Specificity in CSS https://alligator.io/css/understanding-specificity-in-css/ Stop Infinite Scrolling on Your Website - Now! https://hackernoon.com/stop-infinite-scrolling-on-your-website-now-ie6rg31eu Import maps - HTTP 203 https://www.youtube.com/watch?v=yOcgGSCrn-cl React's useEffect and useRef Explained for Mortals https://leewarrick.com/blog/react-use-effect-explained/ Fix the slow render before you fix the re-render https://kentcdodds.com/blog/fix-the-slow-render-before-you-fix-the-re-render **subscribe to channel ** https://t.me/webWekkly

Front-End Front Top Stories How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/ My favorite CSS hack https://dev.to/gajus/my-favorite-css-hack-32g3 Firefox 69 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/69 Multiline truncated text with “show more” button (with just CSS) https://paulbakaus.com/tutorials/css/multiline-truncated-text-with-show-more-button-with-just-css/ Overflow And Data Loss In CSS https://www.smashingmagazine.com/2019/09/overflow-data-loss-css/ Various Methods for Expanding a Box While Preserving the Border Radius https://css-tricks.com/various-methods-for-expanding-a-box-while-preserving-the-border-radius/ The Joy of Using Async/Await https://www.jsmonday.dev/articles/4/the-joy-of-using-async-await What CSS Developers Do and Why You Need One https://www.toptal.com/css/why-you-need-a-css-developer Understanding Specificity in CSS https://alligator.io/css/understanding-specificity-in-css/ How Web Content Can Affect Power Usage https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/ subscribe to channel https://t.me/webWekkly

# Recap of the funding experiment https://feross.org/funding-experiment-recap/ # npm bans terminal ads https://www.zdnet.com/article/npm-bans-terminal-ads/ # The npm Blog — Supporting Open Source Maintainers https://blog.npmjs.org/post/187382017885/supporting-open-source-maintainers # The story of a V8 performance cliff in React · V8 https://v8.dev/blog/react-cliff # The Baseline Interpreter: a faster JS interpreter in Firefox 70 - Mozilla Hacks - the Web developer blog https://hacks.mozilla.org/2019/08/the-baseline-interpreter-a-faster-js-interpreter-in-firefox-70/ # Announcing TypeScript 3.6 | TypeScript https://devblogs.microsoft.com/typescript/announcing-typescript-3-6/ # nominal types are coming to TypeScript https://twitter.com/wroctypescript/status/1168498435110121472 # CSS styling for video captions is now in development in Chrome https://twitter.com/sw12/status/1164464817371058182

JavaScript Weekly How to learn D3.js https://wattenberger.com/blog/d3 Firefox 69 — a tale of Resize Observer, microtasks, CSS, and DevTools https://hacks.mozilla.org/2019/09/firefox-69-a-tale-of-resize-observer-microtasks-css-and-devtools/ Apple Just Shipped Web Components to Production and You Probably Missed It https://dev.to/ionic/apple-just-shipped-web-components-to-production-and-you-probably-missed-it-57pf React Rally 2019 https://www.youtube.com/playlist?list=PLUD4kD-wL_zaXhR4KU1CkUSIzh1TrvnzA#reactrally2019 Google feedback on TypeScript 3.5 https://github.com/microsoft/TypeScript/issues/33272 void in JavaScript and TypeScript https://fettblog.eu/void-in-javascript-and-typescript/ Symbols in JavaScript and TypeScript https://fettblog.eu/symbols-in-javascript-and-typescript/ 5 Handy Applications of JavaScript Array.from() https://dmitripavlutin.com/javascript-array-from-applications/ Drag & Drop Elements with Vanilla JavaScript and HTML https://alligator.io/js/drag-and-drop-vanilla-js/ Debugging TypeScript in Firefox DevTools https://hacks.mozilla.org/2019/09/debugging-typescript-in-firefox-devtools/ You Already Use Types https://www.swyx.io/writing/types-already Simplify your JavaScript – Use .some() and .find() https://medium.com/poka-techblog/simplify-your-javascript-use-some-and-find-f9fb9826ddfd A simple homemade JavaScript obfuscator https://antoinevastel.com/javascript/2019/09/04/home-made-obfuscator.html JSJ 388: Functional Programming with Brian Lonsdorf https://devchat.tv/js-jabber/jsj-388-functional-programming-with-brian-lonsdorf/ Bitmelo: An Online Environment for Creating JavaScript Games https://bitmelo.com/ Graph theory (network) library for visualisation and analysis https://js.cytoscape.org/ Angular Tools for High Performance https://blog.angular.io/angular-tools-for-high-performance-6e10fb9a0f4a multi-select component with nested options support for Vue.js. https://vue-treeselect.js.org/ An image processing library written entirely in JavaScript for Node, with zero external or native dependencies. https://github.com/oliver-moran/jimp Creating a virtual photo booth using Twilio, WhatsApp & Cloudinary https://dev.to/twilio/creating-a-virtual-photo-booth-using-twilio-whatsapp-cloudinary-3o0m 36 Essential Tools for JavaScript in 2019 (לא מסכים עם הרבה מהם - אבל יש כלים שכדאי להכיר מי שלא הכיר) https://dev.to/x-team/36-essential-tools-for-javascript-in-2019-172b Desktop Application Development in ElectronJS Using Angular https://dev.to/th3n00bc0d3r/desktop-application-development-in-electronjs-using-angular-4cno Why is React doing this https://gist.github.com/sebmarkbage/a5ef436427437a98408672108df01919 A Guide to Deploying your React App with AWS S3 https://medium.com/dailyjs/a-guide-to-deploying-your-react-app-with-aws-s3-including-https-a-custom-domain-a-cdn-and-58245251f081 React Hook Pitfalls - Kent C. Dodds - React Rally 2019 https://youtu.be/VIRcX2X7EUk Quasar 1.1.0 released https://forum.quasar-framework.org/topic/4234/quasar-1-1-0-released-new-component-qvirtualscroll-many-other-new-things-a-lot-of-improvements-and-fixes VuePress: Documentation Made Easy https://www.smashingmagazine.com/2019/08/vuepress-documentation/ Lazy Loading Individual Vue Components and Prefetching https://vueschool.io/articles/vuejs-tutorials/lazy-loading-individual-vue-components-and-prefetching/ subscribe to channel https://t.me/webWekkly

Node Weekly Mastering Node.js version management and npm registry sources like a pro https://snyk.io/blog/mastering-node-js-version-management-and-npm-registry-sources-like-a-pro/ Supporting Open Source Maintainers https://blog.npmjs.org/post/187382017885/supporting-open-source-maintainers AppSec POV on Dependency Management https://blog.npmjs.org/post/187496869845/appsec-pov-on-dependency-management Node v12.10.0 https://nodejs.org/en/blog/release/v12.10.0/ How to CI and CD a Node.JS Application Using GitHub Actions https://blog.bitsrc.io/https-medium-com-adhasmana-how-to-do-ci-and-cd-of-node-js-application-using-github-actions-860007bebae6 How to create your custom Node.js REPL https://www.stefanjudis.com/today-i-learned/how-to-create-your-own-node-js-repl/ Image Processing in Node.js Using Jimp Library – Coding Shiksha https://codingshiksha.com/javascript/image-processing-in-node-js-using-jimp-library-coding-shiksha/ Dynamically generating SQL queries using Node.js https://medium.com/javascript-in-plain-english/dynamically-generating-sql-queries-using-node-js-e89d69930fcb Take both Light and Dark Mode screenshots with Puppeteer https://www.bram.us/2019/09/04/take-both-light-and-dark-mode-screenshots-with-puppeteer/ Build a JS Interpreter in JavaScript Using Acorn as a Parser https://blog.bitsrc.io/build-a-js-interpreter-in-javascript-using-acorn-as-a-parser-5487bb53390c A new npm version has been released! https://blog.npmjs.org/post/187475281315/release-6113 transform XML to JSON https://github.com/tuananh/camaro Additional ESLint's rules for Node.js https://github.com/mysticatea/eslint-plugin-node The story of a V8 performance cliff in React https://v8.dev/blog/react-cliff https://t.me/webWekkly

Frontend Focus My favorite CSS hack https://dev.to/gajus/my-favorite-css-hack-32g3 How Web Content Can Affect Power Usage https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/ Firefox 69 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/69 In a swipe at Chrome, Firefox now blocks ad trackers by default https://www.wired.co.uk/article/firefox-browser-cookie-blocking-default Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative? https://www.smashingmagazine.com/2019/08/bottom-navigation-pattern-mobile-web-pages/ The Baseline Interpreter: a faster JS interpreter in Firefox 70 https://hacks.mozilla.org/2019/08/the-baseline-interpreter-a-faster-js-interpreter-in-firefox-70/ How to Dynamically Change the Colors of Product Images using CSS Blend Mode and SVG https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/ Overflow And Data Loss In CSS https://www.smashingmagazine.com/2019/09/overflow-data-loss-css/ Need to scroll to the top of the page? https://css-tricks.com/need-to-scroll-to-the-top-of-the-page/ TOAST UI Grid is a powerful widget which allows you to visualize and edit data via its table representation. https://ui.toast.com/tui-grid/ CSS Duotone Generator https://cssduotone.com/ Take both Light and Dark Mode screenshots with Puppeteer https://www.bram.us/2019/09/04/take-both-light-and-dark-mode-screenshots-with-puppeteer/ Top 7 essential SEO optimizations for you to learn in 2019 https://dev.to/lampewebdev/top-7-essential-seo-optimizations-for-you-to-learn-in-2019-15i5 Forget that TODO app, this repo will teach you real-world dev skills https://dev.to/realtoughcandy/forget-that-todo-app-this-repo-will-teach-you-real-world-dev-skills-1c0m Play Street Fighter with body movements using Arduino and Tensorflow.js https://dev.to/devdevcharlie/play-street-fighter-with-body-movements-using-arduino-and-tensorflow-js-4kbi Learn and Build Web Authentication System (Universal Principles) https://dev.to/dpkahuja/learn-and-build-web-authentication-system-universal-principles-370e Reactive Search 3.0 — UI Components for building ✨ Search UIs https://medium.appbase.io/reactive-search-3-0-ui-components-for-building-search-uis-51b926fc0d8b The story of a V8 performance cliff in React https://v8.dev/blog/react-cliff REST vs GraphQL - What's the best kind of API? https://www.youtube.com/watch?v=PeAOEAmR0D0 https://t.me/webWekkly

# Introducing Microsoft Edge Beta: Be one of the first to try it now | Windows Experience Blog https://blogs.windows.com/windowsexperience/2019/08/20/introducing-microsoft-edge-beta-be-one-of-the-first-to-try-it-now/#u2Ec3y6j2sEiubqM.97 # Google: Building a more private web https://www.blog.google/products/chrome/building-a-more-private-web/ # The Native File System API: Simplifying access to local files https://developers.google.com/web/updates/2019/08/native-file-system # react-redux v7.1.1 https://github.com/reduxjs/react-redux/releases/tag/v7.1.1 # Ads in npm https://twitter.com/qntm/status/1165344132728066048 # Node v12.9.0 Released https://nodejs.org/en/blog/release/v12.9.0/ # Sunsetting Mercurial support in Bitbucket https://bitbucket.org/blog/sunsetting-mercurial-support-in-bitbucket

Front-End Front Top Stories React Layouts https://react-layouts.com/ Release Notes for Safari Technology Preview 90 https://webkit.org/blog/9515/release-notes-for-safari-technology-preview-90/ Creating a Maintainable Icon System with Sass https://css-tricks.com/creating-a-maintainable-icon-system-with-sass/ Color this sofa! – SVG + Blend Mode trick https://codepen.io/kylewetton/pen/OJLmJoV Faster Image Loading With Embedded Image Previews https://www.smashingmagazine.com/2019/08/faster-image-loading-embedded-previews/ Nested Gradients with background-clip https://css-tricks.com/nested-gradients-with-background-clip/ Styling Links with Real Underlines https://css-tricks.com/styling-links-with-real-underlines/ https://t.me/webWekkly

JavaScript Weekly How JavaScript Grew Up and Became a Real Language https://medium.com/young-coder/how-javascript-grew-up-and-became-a-real-language-17a0b948b77f Announcing TypeScript 3.6 https://devblogs.microsoft.com/typescript/announcing-typescript-3-6/ npm bans terminal ads https://www.zdnet.com/article/npm-bans-terminal-ads/ Should you be using Web Workers? (hint: probably not) https://medium.com/@david.gilbertson/should-you-should-be-using-web-workers-hint-probably-not-9b6d26dc8c6a Build Minesweeper in Under an Hour with Angular https://www.youtube.com/watch?v=D0C_oYlgzYU Optional chaining (?.) https://v8.dev/features/optional-chaining The story of a V8 performance cliff in React https://v8.dev/blog/react-cliff Working with Attributes on DOM Elements https://css-tricks.com/working-with-attributes-on-dom-elements/ VuePress: Documentation Made Easy https://www.smashingmagazine.com/2019/08/vuepress-documentation/ Live Avatars (like Animoji in the Browser) with face-api.js https://blog.pragli.com/live-avatars-with-faceapi-js/ Regex Tutorial: Beginners Guide to Regular Expressions using JavaScript https://medium.com/@mwarfa/regex-tutorial-beginners-guide-to-regular-expressions-using-javascript-1593babb4bf8 Going beyond NPM: meet Yarn & pnpm https://blog.nicco.io/2019/08/27/going-beyond-npm-meet-yarn-pnpm/ Creating an Object Validator in JavaScript the Test-Driven Development Way https://nick.scialli.me/creating-an-object-validator-the-tdd-way/ The easiest way to get started with Electron electronjs.org/fiddle A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip) alex-d.github.com/Trumbowyg Introducing Feathers 4: A framework for real-time apps and REST APIs https://blog.feathersjs.com/introducing-feathers-4-a-framework-for-real-time-apps-and-rest-apis-afff3819055b Spectacular Test Runner for JavaScript http://karma-runner.github.io How to fade in content as it scrolls into view https://dev.to/selbekk/how-to-fade-in-content-as-it-scrolls-into-view-10j4 Kubernetes series, Learn the fundamentals, scaling and YAML https://dev.to/azure/kubernetes-series-learn-the-fundamentals-scaling-and-yaml-3e43 Angular unit testing 101 (with examples) https://dev.to/mustapha/angular-unit-testing-101-with-examples-6mc 14 Beneficial Tips to Write Cleaner Code in React Apps https://dev.to/jsmanifest/14-beneficial-tips-to-write-cleaner-code-in-react-apps-1gcf https://t.me/webWekkly

Node Weekly A Journey into Node.js Internals- Tamar Twena https://www.youtube.com/watch?v=LbwUETu7Rgc Node v12.9.1 (Current) https://nodejs.org/en/blog/release/v12.9.1/ A Practical Guide to Symbols in JavaScript http://thecodebarbarian.com/a-practical-guide-to-symbols-in-javascript.html Recap of the funding experiment https://feross.org/funding-experiment-recap/ Understanding and protecting against malicious npm package lifecycle scripts https://medium.com/@kyle_martin/understanding-and-protecting-against-malicious-npm-package-lifecycle-scripts-8b6129619d7c Building a Node API with stateless authentication https://blogg.itverket.no/stateless-authentication-in-node/ How the Node.js Event Loop Polls https://www.alexhwoods.com/blog/event-loop-polling Going beyond NPM: meet Yarn & pnpm https://blog.nicco.io/2019/08/27/going-beyond-npm-meet-yarn-pnpm/ Memento is a development-only tool that caches HTTP calls once they have been executed. https://github.com/antoinechalifour/memento ndb is an improved debugging experience for Node.js https://github.com/GoogleChromeLabs/ndb Introducing Feathers 4 https://blog.feathersjs.com/introducing-feathers-4-a-framework-for-real-time-apps-and-rest-apis-afff3819055b https://t.me/webWekkly

Reactime: A Time Travel Debugger for React https://github.com/oslabs-beta/reactime Write fewer, longer tests https://kentcdodds.com/blog/write-fewer-longer-tests How to Release a Custom React Component, Hook or Effect as an npm Package https://www.twilio.com/blog/release-custom-react-component-hook-effect-npm-package https://www.twilio.com/blog/release-custom-react-component-hook-effect-npm-package https://dev.to/kevtiq/how-to-create-a-scalable-and-maintainable-front-end-architecture-4f47 What Should I Make Next? Quick Project Ideas https://dev.to/clairemuller/what-should-i-make-next-quick-project-ideas-5cc0 Jest Tutorial for Beginners: Getting Started With Jest for JavaScript Testing https://dev.to/valentinogagliardi/jest-tutorial-for-beginners-getting-started-with-jest-for-javascript-testing-e6c

Frontend Focus Everything I Know About Style Guides, Design Systems, and Component Libraries https://leerob.io/blog/style-guides-component-libraries-design-systems/ What Happens When You Launch A Browser for The First time? https://twitter.com/jonathansampson/status/1166005813548396549 Jeremy Keith - Building The Web - View Source 2019 https://www.youtube.com/watch?v=b2PaxNwr9nI https://t.me/webWekkly Monolith: Save Web Pages into a Single, Bundled HTML File https://github.com/Y2Z/monolith How To Build A Real-Time Multiplayer Virtual Reality Game (Part 1) https://www.smashingmagazine.com/2019/08/real-time-multiplayer-virtual-reality-game-part-1/ The Browser Monopoly http://blairreeves.me/2019/08/20/the-browser-monopoly/ CSS styling for video captions is now in development in Chrome. https://twitter.com/sw12/status/1164464817371058182 New & Experimental CSS Tools in Firefox https://www.youtube.com/watch?v=lHBE0mIDTHk Creating A Shopping Cart With HTML5 Web Storage https://www.smashingmagazine.com/2019/08/shopping-cart-html5-web-storage/ Chrome DevTools: Inspect Audio with the Web Audio Inspector https://umaar.com/dev-tips/203-web-audio-inspector/ @vue/cli- v4.0.0-rc.0 https://github.com/vuejs/vue-cli/releases/tag/v4.0.0-rc.0 Vue.js Powered Data Model and Query Builder https://markus.oberlehner.net/blog/vue-powered-data-model-and-query-builder