The weekly

Frontend Focus Layout-Fun with CSS Grid https://tobireif.com/posts/layout_fun_with_css_grid/ The Many Ways to Link Up Shapes and Images with HTML and CSS https://css-tricks.com/the-many-ways-to-link-up-shapes-and-images-with-html-and-css/ WebHint in Firefox DevTools: Improve Compatibility, Accessibility and more https://hacks.mozilla.org/2019/09/webhint-in-firefox-devtools-improve-compatibility-accessibility-and-more/ Europe’s top court says active consent is needed for tracking cookies https://techcrunch.com/2019/10/01/europes-top-court-says-active-consent-is-needed-for-tracking-cookies/ Mozilla disables TLS 1.0 and 1.1 in Firefox Nightly in preparation of deprecation https://www.ghacks.net/2019/09/29/mozilla-disables-tls-1-0-and-1-1-in-firefox-nightly-in-preparation-of-deprecation/ Enhancing The Clickable Area Size https://ishadeed.com/article/clickable-area/ How CSS Grid changes the way we think about structuring our content https://www.freecodecamp.org/news/css-grid-changes-how-we-can-think-about-structuring-our-content/?ref=heydesigner A love letter to my website https://www.vanschneider.com/a-love-letter-to-personal-websites 3 easy-to-apply CSS improvements that you can use in your project right now https://dev.to/seibmacdaniel/3-easy-to-apply-css-improvements-that-you-can-use-in-your-project-right-now-208e **subscribe to channel ** https://t.me/webWekkly

Front-End Front Top Stories Link Underlines That Animate Into Block Backgrounds https://css-tricks.com/link-underlines-that-animate-into-block-backgrounds/ Initial thoughts on standardizing form controls https://www.gwhitworth.com/blog/2019/07/form-controls-components/ Thinking in React Hooks https://wattenberger.com/blog/react-hooks Zero Divs! Pure CSS pixel art animation! https://codepen.io/ivorjetski/full/xxKBWBN Release Notes for Safari Technology Preview 92 https://webkit.org/blog/9568/release-notes-for-safari-technology-preview-92/ Things you may not know about Chrome DevTools https://dev.to/lpellis/things-you-may-not-know-about-chrome-devtools-53k6 Jagged Little Pill: Issues with Rounded Buttons https://cloudfour.com/thinks/jagged-little-pill-issues-with-rounded-buttons/ Browser Engine Diversity https://css-tricks.com/browser-engine-diversity/ Why JavaScript Tooling Sucks https://www.swyx.io/writing/js-tooling/ Variable fonts & the new Google Fonts API https://rwt.io/typography-tips/variable-fonts-new-google-fonts-api Don't Sync State. Derive It! https://kentcdodds.com/blog/dont-sync-state-derive-it שנה טובה וחג שמח לכולם https://t.me/webWekkly

JavaScript Weekly You might not need a framework https://itnext.io/you-might-not-need-a-framework-79444bda50d2 Create Your First Github Package https://itnext.io/create-your-first-github-package-9b5033d9bdd3 Ionic Offline Storage: Build secure, highly performant, offline-first apps https://www.youtube.com/watch?v=_2C047pQwxU&feature=em-uploademail The Making of a 13 Kilobyte JS Real-Time Strategy Game https://phoboslab.org/log/2019/09/voidcall-making-of Why JavaScript Tooling Sucks https://www.swyx.io/writing/js-tooling/ V8 release v7.8 https://v8.dev/blog/v8-release-78 15 Year Old JavaScript! Decoding Dreamweaver's MM_swapImage() https://www.youtube.com/watch?v=oieya8nqjcM 15 Must-Have Vue Directives That Will Significantly Maximize Your Productivity https://www.telerik.com/blogs/15-must-have-vue-directives-that-will-significantly-maximize-your-productivity A few handy Vue.js tricks https://itnext.io/a-few-handy-vue-js-tricks-832703cff426 Why Your Angular App Is Not Working: 7 Common Mistakes https://dev.to/valeriopisapia/why-your-angular-app-is-not-working-7-common-mistakes-2ba1 Minimal WebGL framework https://github.com/oframe/ogl GPU Accelerated JavaScript https://gpu.rocks/ The missing constructor for creating safe async iterators https://repeater.js.org Fast 1kB functional library for creating Finite State Machines https://thisrobot.life/ The smallest, simplest and fastest JavaScript pixel-level image comparison library https://github.com/mapbox/pixelmatch New ES2019 JavaScript features every developer should be excited about https://dev.to/bnevilleoneill/new-es2019-javascript-features-every-developer-should-be-excited-about-1655 Improving Code with useReducer https://dev.to/eveporcello/improving-code-with-usereducer-2lda?utm_source=digest_mailer Learn React in 10 tweets (with hooks) https://mobile.twitter.com/chrisachard/status/1175022111758442497 Async React Hooks https://www.youtube.com/watch?v=HQq5Sod8AEk JWT Authentication Node.js Tutorial with GraphQL and React https://www.youtube.com/watch?v=25GS0MLT8JU Essential Frontend Resources in 2019 https://dev.to/zahinize/essential-frontend-resources-in-2019-2p15 Quasar App CLI 1.1.0 Released https://medium.com/quasar-framework/quasar-app-cli-1-1-0-released-f63bf2274ea3 Announcing React Native 0.61 with Fast Refresh https://facebook.github.io/react-native/blog/2019/09/18/version-0.61 React Router v5.1 https://reacttraining.com/blog/react-router-v5-1/ React Lazy: a take on preloading views https://blog.maximeheckel.com/posts/preloading-views-with-react שנה טובה וחג שמח לכולם https://t.me/webWekkly

Node Weekly How to collect, customize, and centralize Node.js logs https://www.datadoghq.com/blog/node-logging-best-practices/ Moving beyond console.log() https://levelup.gitconnected.com/moving-beyond-console-log-8-console-methods-you-should-use-when-debugging-javascript-and-node-25f6ac840ada Add support for parsing top level await https://chromium.googlesource.com/v8/v8.git/+/0ceee9ad28c21bc4971fb237cf87eb742fc787b8%5E%21/ Working with GitHub Actions https://jeffrafter.com/working-with-github-actions/ npm, Inc. Announces Leadership Change https://www.prnewswire.com/news-releases/npm-inc-announces-leadership-change-300922517.html?tc=eml_cleartime Node v12.11.0 https://nodejs.org/en/blog/release/v12.11.0/ A simple telnet client for Node.js https://github.com/mkozjak/node-telnet-client Nodejs bindings to OpenCV 3 and OpenCV 4 https://github.com/justadudewhohacks/opencv4nodejs Static file serving and directory listing https://github.com/zeit/serve Full Node.js Deployment - NGINX, SSL With Lets Encrypt https://www.youtube.com/watch?v=oykl1Ih9pMg So you think you know JavaScript? https://dev.to/aman_singh/so-you-think-you-know-javascript-5c26 **subscribe to channel ** https://t.me/webWekkly

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