The weekly

CSS Layout News New in Chrome 78 https://developers.google.com/web/updates/2019/10/nic78?utm_campaign=CSS%2BLayout%2BNews The two-value syntax of the CSS Display property https://hacks.mozilla.org/2019/10/the-two-value-syntax-of-the-css-display-property The New Design Material” by Josh Clark—An Event Apart video https://aneventapart.com/news/post/the-new-design-material-by-josh-clark-aea-video Refactoring (the way we talk about) CSS https://noti.st/rachelandrew/wuKH4y/refactoring-the-way-we-talk-about-css Faster Layouts with CSS Grid (and Subgrid!) https://hacks.mozilla.org/2019/10/faster-layouts-with-css-grid-and-subgrid/ Making Tables Responsive With Minimal CSS https://uglyduck.ca/responsive-tables/ Space, Grids, and Layouts https://www.designsystems.com/space-grids-and-layouts The Weird — Yet Practical — World of Paint Worklets by Jeremy Wagner https://www.youtube.com/watch?&v=VccJldua8tc Accessible Drop Caps https://adrianroselli.com/2019/10/accessible-drop-caps.html **for more -subscribe to the channel: ** https://t.me/webWekkly

front-End Front Top Stories 25 Days of CSS Animations: Teaching Myself CSS through https://dev.to/acupoftee/25-days-of-css-animations-teaching-myself-css-through-motion-design-4l10 New in Chrome 78 https://developers.google.com/web/updates/2019/10/nic78 Style hover, focus, and active states differently https://zellwk.com/blog/style-hover-focus-active-states Stop Animations During Window Resizing https://css-tricks.com/stop-animations-during-window-resizing/ Accessible Drop Caps https://adrianroselli.com/2019/10/accessible-drop-caps.html Firefox 70 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/70 Should We Rebrand JavaScript? https://kieranpotts.com/rebranding-javascript/ Null variables in Sass https://markdotto.com/2019/08/30/null-sass-variables/ Faster Layouts with CSS Grid (and Subgrid!) https://hacks.mozilla.org/2019/10/faster-layouts-with-css-grid-and-subgrid/ Box alignment and overflow https://www.chenhuijing.com/blog/box-alignment-and-overflow/ The secret power of JSON stringify https://dev.to/blacksonic/the-secret-power-of-json-stringify-393b 8 Games to learn CSS the fun way https://dev.to/devmount/8-games-to-learn-css-the-fun-way-4e0f for more -subscribe to the channel: https://t.me/webWekkly

JavaScript Weekly Node.js 12 to LTS and Node.js 13 is here! https://medium.com/@nodejs/node-js-12-to-lts-and-node-js-13-is-here-e28d6a4a2bd The problems of shared mutable state and how to avoid them https://2ality.com/2019/10/shared-mutable-state.html Electron 7.0.0 https://electronjs.org/blog/electron-7-0 Nordic.js 2019 https://www.youtube.com/playlist?list=PLGP3VO5jDf8x0gh5H7dZ41F0nVDlwDMuy#nordicjs Puppeteer 2.0 Released: Control Headless Chrome from Node https://pptr.dev/ Writing Asynchronous Tasks In Modern JavaScript https://www.smashingmagazine.com/2019/10/asynchronous-tasks-modern-javascript/ Building a Typing Game with MelonJS https://blog.bitsrc.io/writing-a-typing-game-with-melonjs-ef0dd42f37bf Formatting JavaScript Dates with Moment.js http://thecodebarbarian.com/formatting-javascript-dates-with-moment-js.html How to Implement Redux in 24 Lines of JavaScript https://www.freecodecamp.org/news/redux-in-24-lines-of-code/ How to Build a Tic Tac Toe Game with Svelte https://www.sitepoint.com/svelte-tic-tac-toe/ Svelte vs React: First impressions https://medium.com/javascript-in-plain-english/svelte-vs-react-first-impression-1ce5d3ee6889 Cascading Cache Invalidation https://philipwalton.com/articles/cascading-cache-invalidation/ Peaks.js — Interact With Audio Waveforms https://medium.com/better-programming/peaks-js-interact-with-audio-waveforms-b7cb5bd3939a An exceptionally fast, tiny time series chart https://github.com/leeoniya/uPlot Generation of diagram and flowchart from text in a similar manner as markdown https://github.com/knsv/mermaid A realtime Database for JavaScript Applications https://github.com/pubkey/rxdb Tiny 200 byte functional event emitter / pubsub https://github.com/developit/mitt FOUC and the Death of Progressive Enhancement by Kyle Simpson https://www.youtube.com/watch?v=jyKOZYEi6gE Performance Is Magic - How To Make Your React App Performant https://www.youtube.com/watch?v=6zpzo6y4PDo Playing Beat Saber in the browser with body movements using PoseNet & Tensorflow.js https://dev.to/devdevcharlie/playing-beat-saber-in-the-browser-with-body-movements-using-posenet-tensorflow-js-36km Things I want to remember about SSH https://dev.to/djangotricks/things-i-want-to-remember-about-ssh-21el The future of Javascript - features to keep an eye on https://dev.to/christopherkade/the-future-of-javascript-features-to-keep-an-eye-on-3d0h Introducing Concurrent Mode (Experimental) https://reactjs.org/docs/concurrent-mode-intro.html React Conf 2019 Day 1 https://www.youtube.com/watch?&v=RCiccdQObpo Lessons Learned from 5 Years in React https://www.dropbox.com/s/tsid5bnphznbvjv/Lessons%20learned%20from%205%20years%20in%20React.docx React Hooks - A Deep Dive | MasterClass w Nir Kaufman https://www.youtube.com/watch?v=sy2ONQNjg8o Thought on Vue 3 Composition API - reactive() considered harmful https://dev.to/ycmjason/thought-on-vue-3-composition-api-reactive-considered-harmful-j8c VUE.JS COMPOSITION API STARTER GUIDE WITH EXAMPLE! https://www.youtube.com/watch?&v=zPViRHZfKv4 Preparing for the Future with React Prereleases https://reactjs.org/blog/2019/10/22/react-release-channels.html React 16.11.0 (October 22, 2019) https://github.com/facebook/react/releases/tag/v16.11.0 Axios Crash Course https://www.youtube.com/watch?v=6LyagkoRWYA **for more -subscribe to the channel: ** https://t.me/webWekkly

Node Weekly OpenJS Foundation launches new professional certification program to support the future of Node.js development https://openjsf.org/blog/2019/10/22/openjs-foundation-launches-new-professional-certification-program-to-support-the-future-of-node-js-development/ Node v13.0.0 (Current) https://nodejs.org/en/blog/release/v13.0.0/ Node v12.13.0 (LTS) https://nodejs.org/en/blog/release/v12.13.0/ Electron 7.0.0 https://electronjs.org/blog/electron-7-0 10 years of Node with Gireesh Punathil of IBM https://www.nearform.com/blog/10-years-of-node-with-gireesh-punathil-of-ibm/ Docker and Node.js Best Practices from Bret Fisher at DockerCon https://www.youtube.com/watch?v=Zgx0o8QjJk4 Benny - a dead simple benchmarking framework https://github.com/caderek/benny Create triggers from file streams https://github.com/michaeldegroot/Emitterly The stylish Node.js middleware engine for AWS Lambda https://github.com/middyjs/middy Build serverless Node.js microservices fast https://github.com/getcampsite/campkit WebAssembly Interface Types - HTTP203 https://www.youtube.com/watch?v=B-ign0dW51o subscribe to the channel: https://t.me/webWekkly

Frontend Focus Peaks.js — Interact With Audio Waveforms https://medium.com/better-programming/peaks-js-interact-with-audio-waveforms-b7cb5bd3939a Intro to Regex for Web Developers https://dev.to/chrisachard/intro-to-regex-for-web-developers-2fj4 Firefox 70 — a bountiful release for all https://hacks.mozilla.org/2019/10/firefox-70-a-bountiful-release-for-all/ Realistic Water Effect using SVG Turbulence Filter https://redstapler.co/realistic-water-effect-svg-turbulence-filter/ Focusing on focus https://blog.whatwg.org/focusing-on-focus The “P” in Progressive Enhancement stands for “Pragmatism” https://hankchizljaw.com/wrote/the-p-in-progressive-enhancement-stands-for-pragmatism/ Can we please style the <select> control?! http://gwhitworth.com/blog/2019/10/can-we-please-style-select/ Style hover, focus, and active states differently https://zellwk.com/blog/style-hover-focus-active-states/ Making Tables Responsive With Minimal CSS https://uglyduck.ca/responsive-tables/ Box alignment and overflow https://www.chenhuijing.com/blog/box-alignment-and-overflow/ How to design delightful dark themes https://blog.superhuman.com/how-to-design-delightful-dark-themes-7b3da644ff1f Options for Hosting Your Own Non-JavaScript-Based Analytics https://css-tricks.com/options-for-hosting-your-own-non-javascript-based-analytics/ The perfect responsive menu (2019) https://polypane.app/blog/the-perfect-responsive-menu-2019/ JAMstack Tools and The Spectrum of Classification https://css-tricks.com/jamstack-tools-and-the-spectrum-of-classification/ Tina is a site editing toolkit for modern React-based sites (Gatsby and Next.js) https://github.com/tinacms/tinacms A Free Set of Sketchy Illustrations https://www.opendoodles.com/ 25 Days of CSS Animations: Teaching Myself CSS through Motion Design. https://dev.to/acupoftee/25-days-of-css-animations-teaching-myself-css-through-motion-design-4l10 13 useful JavaScript array tips and tricks you should know https://dev.to/duomly/13-useful-javascript-array-tips-and-tricks-you-should-know-2jfo https://t.me/webWekkly

Front-End Front Top Stories Weaving One Element Over and Under Another Element https://css-tricks.com/weaving-one-element-over-and-under-another-element/ Making Tables Responsive With Minimal CSS https://uglyduck.ca/responsive-tables/ CSS Circles https://cloudfour.com/thinks/css-circles/ The “P” in Progressive Enhancement stands for “Pragmatism” https://hankchizljaw.com/wrote/the-p-in-progressive-enhancement-stands-for-pragmatism/ Can we please style the <select> control?! https://gwhitworth.com/blog/2019/10/can-we-please-style-select/ 7 Simple but Tricky JavaScript Interview Questions https://dmitripavlutin.com/simple-but-tricky-javascript-interview-questions/ Release Notes for Safari Technology Preview 94 https://webkit.org/blog/9609/release-notes-for-safari-technology-preview-94/ The wondrous world of CSS counters https://www.chenhuijing.com/blog/the-wondrous-world-of-css-counters/ Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser. https://github.com/jwilber/roughViz Improving form controls in Microsoft Edge and Chromium https://blogs.windows.com/msedgedev/2019/10/15/form-controls-microsoft-edge-chromium/ Google + Codecademy + You https://www.codecademy.com/learn/learn-go https://t.me/webWekkly

JavaScript Weekly Should We Rebrand JavaScript? https://kieranpotts.com/rebranding-javascript/ TIL — THE POWER OF JSON.STRINGIFY REPLACER PARAMETER https://pawelgrzybek.com/til-the-power-of-json-stringify-replacer-parameter/ Faster Web Applications with Vue 3 https://vueschool.io/articles/vuejs-tutorials/faster-web-applications-with-vue-3/ Announcing Ionic React https://ionicframework.com/blog/announcing-ionic-react/ Introduction to NuxtJS - Nested and dynamic pages, layouts, asyncData + axios, meta tags, and VueX https://www.youtube.com/watch?v=NS0io3Z75GI 7 Simple but Tricky JavaScript Interview Questions https://dmitripavlutin.com/simple-but-tricky-javascript-interview-questions/ Understanding This, Bind, Call, and Apply in JavaScript https://www.digitalocean.com/community/conceptual_articles/understanding-this-bind-call-and-apply-in-javascript Debug JavaScript in Microsoft Edge from Visual Studio https://devblogs.microsoft.com/visualstudio/debug-javascript-in-microsoft-edge-from-visual-studio/ [Editor's Cut] Live coding: The new Composition API - Vue.js London - Jason Yu https://www.youtube.com/watch?v=JON6X6Wmteo Compiling TypeScript via webpack and babel-loader https://2ality.com/2019/10/babel-loader-typescript.html Object preventExtension vs seal vs freeze https://til.cybertec-postgresql.com/post/2019-10-11-Object-preventExtension-vs-seal-vs-freeze/ Promises and UI states in Ember.js https://embersteps.com/promises-and-ui-states-in-ember-js/ 3D graphics rendering pipeline, implemented in JavaScript. Run in a terminal. https://github.com/sinclairzx81/zero Firefox’s New WebSocket Inspector https://hacks.mozilla.org/2019/10/firefoxs-new-websocket-inspector/ Animated typing in ~400 bytes of JavaScript https://github.com/camwiegert/typical Swiper: A Modern Mobile Touch Slider https://swiperjs.com/ Popper.js: A Library to Manage the Position of 'Pop Out' Page Elements https://github.com/FezVrasta/popper.js pretty-quick: Runs Prettier on your Changed Files https://github.com/azz/pretty-quick Announcing WebAssembly.sh https://medium.com/wasmer/webassembly-sh-408b010c14db This is probably the funniest Codepen I found this year! https://dev.to/simonholdorf/click-the-button-amazing-codepen-np2 Why You Should Learn JavaScript Principles First (Not the Hottest Frameworks) https://dev.to/blarzhernandez/why-you-should-learn-javascript-principles-first-not-the-hottest-frameworks-kb9 What are debounce and throttle functions, and how do you write them in JavaScript and React? https://dev.to/leewarrickjr/what-are-debounce-and-throttle-functions-and-how-do-you-write-them-in-javascript-and-react-15p5 An Adequate Introduction to Functional Programming https://dev.to/mr_b/an-adequate-introduction-to-functional-programming-1gcl Eight Habits of Expert Software Designers: An Illustrated Guide https://thereader.mitpress.mit.edu/habits-of-expert-software-designers/ Why Coding Your Own Makes You a Better Developer https://medium.com/better-programming/why-coding-your-own-makes-you-a-better-developer-5c53439c5e4a How to setup Nuxt with TypeScript – Erik Hanchett https://www.youtube.com/watch?&v=TW4qv70jQII Unit Testing in Vue: Your First Test https://www.vuemastery.com/blog/Unit-Testing-in-Vue-Your-First-Test Building a Cool Horizontal Scroll Interaction in React https://medium.com/dailyjs/horizontal-scroll-animation-fc39ae43cbe5 https://t.me/webWekkly

Node Weekly The perfect architecture flow for your next Node.js project https://blog.logrocket.com/the-perfect-architecture-flow-for-your-next-node-js-project/ Node v12.12.0 (Current) https://nodejs.org/en/blog/release/v12.12.0/ 3D graphics rendering pipeline, implemented in JavaScript. Run in a terminal. https://github.com/sinclairzx81/zero Developing with Node.js on Windows https://docs.microsoft.com/en-us/windows/nodejs/index Coloring Your Terminal Using Nodejs https://blog.bitsrc.io/coloring-your-terminal-using-nodejs-eb647d4af2a2 How to send scheduled messages to Slack with the Google Calendar API https://medium.com/headfwd/how-to-send-scheduled-messages-to-slack-with-the-google-calendar-api-f491040195b1 JavaScript Naming Conventions https://www.robinwieruch.de/javascript-naming-conventions Reducing Docker image size and cutting Google Cloud costs https://www.mattzeunert.com/2019/10/13/reducing-docker-image-size-and-cutting-gcp-cost.html Build Command-Line Spinners in Node.js https://blog.bitsrc.io/build-command-line-spinners-in-node-js-3e432d926d56 Vandelay: Automatically Generate Import Statements in VS Code https://marketplace.visualstudio.com/items?itemName=edb.vandelay#vandelay The stylish Node.js middleware engine for AWS Lambda https://github.com/middyjs/middy Featureful configuration management library for Node.js https://github.com/mozilla/node-convict A JavaScript library for generating random user agents with data that's updated daily. https://github.com/intoli/user-agents Mongoose Design Pattern: Store What You Query For http://thecodebarbarian.com/mongoose-schema-design-pattern-store-what-you-query-for.html subscribe to channel https://t.me/webWekkly

Frontend Focus A Guide To New And Experimental CSS DevTools In Firefox https://www.smashingmagazine.com/2019/10/guide-new-experimental-css-devtools-firefox/ Firefox’s New WebSocket Inspector https://hacks.mozilla.org/2019/10/firefoxs-new-websocket-inspector/ IE11 End of Support Countdown https://death-to-ie11.netlify.com/ The W3C At Twenty-Five https://www.smashingmagazine.com/2019/10/happy-birthday-w3c/ Improving form controls in Microsoft Edge and Chromium https://blogs.windows.com/msedgedev/2019/10/15/form-controls-microsoft-edge-chromium/ Images done right: Web graphics, good to the last byte https://evilmartians.com/chronicles/images-done-right-web-graphics-good-to-the-last-byte-optimization-techniques CSS Circles https://cloudfour.com/thinks/css-circles/ Jen Simmons on Browser Features https://shoptalkshow.com/episodes/382/ CSS Scroll Shadows! https://css-scroll-shadows.now.sh/?bgColor=ba032b&shadowColor=222222&pxSize=15 Convert SVG absolute clip-path to relative https://yoksel.github.io/relative-clip-path/ Toucaan—Rethinking CSS Frameworks. 📖 https://bubblin.io/blog/toucaan-introduction Stop Animations During Window Resizing https://css-tricks.com/stop-animations-during-window-resizing/ Build a Classic Layout FAST in CSS Grid https://www.youtube.com/watch?v=KOvGeFUHAC0 WordPress 5.2.4 Release Addresses Several Security Issues https://wptavern.com/wordpress-5-2-4-release-addresses-several-security-issues WHERE WE GO FROM HERE: 10 THOUGHTS ON THE IMMEDIATE FUTURE OF THE WEB https://mor10.com/where-we-go-from-here-2019/ build mobile apps with React and React Native or with React and Ionic? https://www.youtube.com/watch?v=I6mCTKst9II Announcing Ionic React https://ionicframework.com/blog/announcing-ionic-react/ Introducing Create Next App https://nextjs.org/blog/create-next-app React Native EU 2019: Emily Janzer - The New React Native https://www.youtube.com/watch?v=52El0EUI6D0 Transform SVGs into React components https://github.com/smooth-code/svgr **חג סוכות שמח ** https://t.me/webWekkly

Front-End Front Top Stories Images done right: Web graphics, good to the last byte https://evilmartians.com/chronicles/images-done-right-web-graphics-good-to-the-last-byte-optimization-techniques Introducing Sass Modules https://css-tricks.com/introducing-sass-modules/ Editorial Design Patterns With CSS Grid And Named Columns https://www.smashingmagazine.com/2019/10/editorial-design-patterns-css-grid-subgrid-naming/ Patterns for Practical CSS Custom Properties Use https://css-tricks.com/patterns-for-practical-css-custom-properties-use/ Pokemon Friends in Pure CSS https://mail.google.com/mail/u/0/#inbox/FMfcgxwDrlVnGnktQqzxWNLzPmxTFRhW The box model is not layout https://kilianvalkhof.com/2019/design/the-box-model-is-not-layout/ A Guide To New And Experimental CSS DevTools In Firefox https://www.smashingmagazine.com/2019/10/guide-new-experimental-css-devtools-firefox/ Understanding This, Bind, Call, and Apply in JavaScript https://www.digitalocean.com/community/conceptual_articles/understanding-this-bind-call-and-apply-in-javascript Dark mode https://adactio.com/journal/15941 Unexpected accessibility tips https://www.cjcid.com/articles/unexpected-a11y-tips/ Vanilla JavaScript and HTML - No frameworks. No libraries. No problem. https://dev.to/pluralsight/vanilla-javascript-and-html-no-frameworks-no-libraries-no-problem-2n99 חג סוכות שמח https://t.me/webWekkly

JavaScript Weekly JavaScript library for creating sketchy/hand-drawn styled charts in the browser. https://github.com/jwilber/roughViz Face Detection Using JavaScript API — face-api.js https://towardsdatascience.com/face-recognition-using-javascript-api-face-api-js-75af10bc3dee Top-level await https://v8.dev/features/top-level-await finds publicly known security vulnerabilities in a website's frontend JavaScript libraries https://github.com/lirantal/is-website-vulnerable Vue Next: A Sneak, 'Pre-Alpha' Peek at Vue.js 3 https://github.com/vuejs/vue-next Reasons to learn Redux as a JavaScript Developer https://www.robinwieruch.de/redux-javascript The JS13kGames Winners https://js13kgames.com/#winners JavaScript Naming Conventions https://www.robinwieruch.de/javascript-naming-conventions Build a Dependency Graph Profiler in JS https://blog.bitsrc.io/build-a-dependency-graph-profiler-in-js-caf087ce08ea The V8 Engine and JavaScript Optimization Tips https://alligator.io/js/v8-engine/ Quick Intro to Using Svelte to Create a Native Mobile App https://www.nativescript.org/blog/quick-intro-to-using-svelte-to-create-a-native-mobile-app Retro Nostalgia and Why My New Website Looks Like Windows 98 https://ash.ms/2019-10-02/retro-website-launch/ Making the switch => object Pattern Work in TypeScript https://maxburson.com/switch-object-pattern-with-typescript/ JavaScript Destructuring ES6: The Complete Guide https://buginit.com/javascript/javascript-destructuring-es6-the-complete-guide/ Sinuous: A(nother) Small, Fast, Reactive UI Library https://github.com/luwes/sinuous React Hook Form: Simple, Extensible React Form Validation https://react-hook-form.com/ Moveable: A Library for Dragging, Resizing, Scaling and More https://github.com/daybrush/moveable Extension that detects which JavaScript libraries are running on a page https://github.com/johnmichel/Library-Detector-for-Chrome A multi-select component with nested options support for Vue.js https://github.com/riophae/vue-treeselect The tale of three dots in Javascript https://dev.to/blacksonic/the-tale-of-three-dots-in-javascript-4287 Web Development Projects That can help You Get a Job in 2019-2020 https://dev.to/justaashir/web-development-projects-that-can-definitely-get-you-a-job-in-2019-2020-4c36 The ultimate Git tutorial, by a professional Git user. https://dev.to/bettercodingacademy/the-ultimate-git-tutorial-by-a-professional-git-user-15m4 Demystifying Modern Frontend Jargon https://dev.to/ananyaneogi/demystifying-modern-frontend-jargon-1agf Intro to SVG for React Developers https://able.bio/dbmzzo/intro-to-svg-for-react-developers--56cmmcy React micro-animations library https://react.useanimations.com Liquid Swipe - “Can it be done in React Native?” https://www.youtube.com/watch?v=gLopy2MCAqM I created the exact same app in React and Vue. Here are the differences https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-2019-edition-42ba2cab9e56 create-react-app 3.2 https://github.com/facebook/create-react-app/releases/tag/v3.2.0 **subscribe to channel ** https://t.me/webWekkly

Node Weekly ascii-themes: A Node CLI Interface to Generate VSCode Themed ASCII Art https://medium.com/@lakatos/releasing-ascii-themes-a-node-js-cli-interface-to-generate-vscode-themed-ascii-art-8ac516ad5f21 Introducing Create Next App https://nextjs.org/blog/create-next-app Creating Custom JavaScript Syntax with Babel https://lihautan.com/creating-custom-javascript-syntax-with-babel/ Build Your Own Web Analytics Dashboard with Node https://blog.logrocket.com/web-analytics-with-node-js/ OpenJS Foundation Welcomes First Incubating Project: Node Version Manager (nvm) https://openjsf.org/blog/2019/10/03/openjs-foundation-welcomes-first-project-node-version-manager-nvm/ Build a Dependency Graph Profiler in JS https://blog.bitsrc.io/build-a-dependency-graph-profiler-in-js-caf087ce08ea Migrate your AWS Node.js Lambda Function to OpenFaaS https://sysadmins.co.za/migrate-your-aws-node-js-lambda-function-to-openfaas/ Mongoose Design Pattern: Store What You Query For http://thecodebarbarian.com/mongoose-schema-design-pattern-store-what-you-query-for.html All the Most Useful git Commands Showed Off in a Single Script https://bitbucket.org/BitPusher16/dotfiles/raw/49a01d929dcaebcca68bbb1859b4ac1aea93b073/refs/git/git_examples.sh Why you should use package-lock.json https://blog.logrocket.com/why-you-should-use-package-lock-json/ npm 6.12.0 is here! 🎉 https://npm.community/t/release-6-12-0/10436 HTTP/3: the past, the present, and the future https://blog.cloudflare.com/http3-the-past-present-and-future/ An Explanation of How the Intersection Observer Watches https://css-tricks.com/an-explanation-of-how-the-intersection-observer-watches/ subscribe to channel https://t.me/webWekkly

Frontend Focus Speed up your App with Web Workers https://kentcdodds.com/blog/speed-up-your-app-with-web-workers The Evolution of Web Content Management https://remotesynthesis.com/blog/evolution-of-web-content-manaagement How to read a Web Page Test waterfall chart https://nooshu.github.io/blog/2019/10/02/how-to-read-a-wpt-waterfall-chart/ Space, Grids, and Layouts https://www.designsystems.com/space-grids-and-layouts/ ASPIRE: Ideals to Aspire to When Building Websites https://www.filamentgroup.com/lab/aspire/ Avoid 100vh On Mobile Web https://chanind.github.io/javascript/2019/09/28/avoid-100vh-on-mobile-web.html Supreme Court hands victory to blind man who sued Domino's over site accessibility https://www.cnbc.com/amp/2019/10/07/dominos-supreme-court.html Clipping, Clipping, and More Clipping! https://css-tricks.com/clipping-clipping-and-more-clipping/ Retro Nostalgia & Why My New Website Looks Like Windows 98 https://ash.ms/2019-10-02/retro-website-launch/ Verify phone numbers on the web with the SMS Receiver API https://web.dev/sms-receiver-api-announcement Trying to make sense of Gmail CSS support (2019 edition) https://emails.hteumeuleu.com/trying-to-make-sense-of-gmail-css-support-2019-edition-b7cc132ee226 Super easy and lightweight css animation library. https://a-jie.github.io/AniX/ Why you should look into these React component styling options! https://www.youtube.com/watch?v=NMiEREulVLc 9 Projects you can do to become a Frontend Master in 2020 https://dev.to/simonholdorf/9-projects-you-can-do-to-become-a-frontend-master-in-2020-n2h Intro to Regex for Web Developers https://dev.to/chrisachard/intro-to-regex-for-web-developers-2fj4 Improve your CSS with these 5 principles https://dev.to/adrianbdesigns/improve-your-css-with-these-5-principles-35jd Powerful New CSS for Styling Bullets, Numbers, and List Markers https://www.youtube.com/watch?9=&v=2awepiNoaZI A Modern CSS Reset https://hankchizljaw.com/wrote/a-modern-css-reset/ Andy Clarke - Inspired by CSS Grid https://www.youtube.com/watch?&v=eUeoLUjOUHw **subscribe to channel ** https://t.me/webWekkly

Front-End Front Top Stories Feeling Sassy Again https://cloudfour.com/thinks/feeling-sassy-again/ A Modern CSS Reset https://dev.to/hankchizljaw/a-modern-css-reset-6p3 When is a table a table? https://codepen.io/dexterperrin/full/ExYMvRV Adaptive Photo Layout with Flexbox https://css-tricks.com/adaptive-photo-layout-with-flexbox/ Enhancing The Clickable Area Size https://ishadeed.com/article/clickable-area/ Release Notes for Safari Technology Preview 93 https://webkit.org/blog/9600/release-notes-for-safari-technology-preview-93/ Build a PWA Using Only Vanilla JavaScript https://levelup.gitconnected.com/build-a-pwa-using-only-vanilla-javascript-bdf1eee6f37a Layout-Fun with CSS Grid https://tobireif.com/posts/layout_fun_with_css_grid/ Why Progressive Web Apps Are The Future of Mobile Web https://ymedialabs.com/progressive-web-apps **subscribe to channel ** https://t.me/webWekkly

JavaScript Weekly Preact X - Virtuous DOM and the Fragments of Suspense https://github.com/preactjs/preact/releases/tag/10.0.0 Creating custom JavaScript syntax with Babel https://lihautan.com/creating-custom-javascript-syntax-with-babel/ Evaluating JavaScript code via import() https://2ality.com/2019/10/eval-via-import.html I created the exact same app in React and Vue. Here are the differences. https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-2019-edition-42ba2cab9e56 Node-RED 1.0 Released https://nodered.org/blog/2019/09/30/version-1-0-released Getting Started with NodeGUI https://hibbard.eu/node-gui/ Improving V8 regular expressions https://v8.dev/blog/regexp-tier-up Build a PWA Using Only Vanilla JavaScript https://levelup.gitconnected.com/build-a-pwa-using-only-vanilla-javascript-bdf1eee6f37a Don't Use JavaScript Variables Without Knowing Temporal Dead Zone https://dmitripavlutin.com/javascript-variables-and-temporal-dead-zone/ Don't Sync State. Derive It! https://kentcdodds.com/blog/dont-sync-state-derive-it 16-Bit Virtual Machine in JavaScript 001 https://www.youtube.com/watch?v=fTBwD3sb5mw How I stopped worrying and learned to love the JavaScript ecosystem https://flaviocopes.com/solve-javascript-fatigue/ How JSON.stringify killed my express server https://itnext.io/how-json-stringify-killed-my-express-server-d8d0565a1a61 Stop Console.Logging! This is How to Use Chrome to Debug JavaScript https://dev.to/songthamtung/stop-console-logging-this-is-how-to-use-chrome-to-debug-javascript-48nm 🎨 Create and share beautiful images of your source code https://github.com/carbon-app/carbon ES6 Native @mentions https://github.com/zurb/tribute JavaScript image cropper. https://fengyuanchen.github.io/cropperjs/ Learn Docker in this 5 part series https://dev.to/itnext/learn-docker-in-this-5-part-series-4fh4 Building a React Todo App with Hasura GraphQL Engine https://hackernoon.com/building-a-react-todo-app-with-hasura-graphql-engine-511b703a7ef I totally forgot about print style sheets https://uxdesign.cc/i-totally-forgot-about-print-style-sheets-f1e6604cfd6 Possibly the Most Useful CSS Trick https://dev.to/xtrp/possibly-the-most-useful-css-trick-jl3 Animations using React Hooks and GreenSock https://dev.to/bnevilleoneill/animations-using-react-hooks-and-greensock-2o80 Unit Testing in Vue: What to Test? https://www.vuemastery.com/blog/unit-testing-vue-1 Building Chrome Extensions with Vue.js https://medium.com/@simoneldevig_80359/building-chrome-extensions-with-vue-js-cafaefb82bd4 15 Must-Have Vue Directives That Will Significantly Maximize Your Productivity https://www.telerik.com/amp/15-must-have-vue-directives-that-will-significantly-maximize-your-productivity/WEx1ZE1sRUVUWkE5S0dNbEhBNXJyUkU3T1Q4PQ2 Test Driven Development (TDD) with React, React Testing Library, and Jest https://developerhandbook.com/react/introduction-test-driven-development-react-jest React 16.10 Released https://github.com/facebook/react/blob/master/CHANGELOG.md#16100-september-27-2019 Redux with React tutorial for beginners https://www.youtube.com/watch?v=kothp4eJfqg subscribe to channel https://t.me/webWekkly

Node Weekly Why npm lockfiles can be a security blindspot for injecting malicious modules https://snyk.io/blog/why-npm-lockfiles-can-be-a-security-blindspot-for-injecting-malicious-modules/ Node-RED - v 1.0.0 https://nodered.org/blog/2019/09/30/version-1-0-released npm turns 10 https://blog.npmjs.org/post/188070866415/npm-turns-10 V8 release v7.8 https://v8.dev/blog/v8-release-78 Update Now! Node.js 8 is Not Supported from 2020. https://blog.risingstack.com/update-nodejs-8-end-of-life-no-support/ Node v12.11.1 (Current) https://nodejs.org/en/blog/release/v12.11.1/ Getting Started with NodeGUI https://hibbard.eu/node-gui/ Crafting build pipelines with Docker https://blog.logrocket.com/crafting-build-pipelines-with-docker/ Working with Node.js on Hyper-V and WSL2 https://blog.logrocket.com/working-with-node-js-on-hyper-v-and-wsl2/ How to Generate a PDF Using Node, React Components, and Headless Chrome https://www.pdftron.com/blog/react/react-to-pdf/ Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions https://github.com/nvm-sh/nvm OpenID Certified™ OAuth 2.0 Authorization Server implementation for Node.js https://github.com/panva/node-oidc-provider Typegoose - Define Mongoose models using TypeScript classes https://github.com/typegoose/typegoose Node.js rate limit requests by key and protection from DDoS and Brute-Force attacks https://github.com/animir/node-rate-limiter-flexible **subscribe to channel ** https://t.me/webWekkly

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