Frontend Weekly Digest (9 — 15 September 2019)

Web-development

• ComponentsConf 2019, Australia. 15 videos
• 5G Will Definitely Make the Web Slower, Maybe
• (Why) Some HTML is "optional"
• How to Contribute to an Open Source Project
• X3D: Declarative 3D for the Modern Web
• Contemporary Front-end Architectures
• Tools
  • Introducing caniemail.com
  • Caniuse and MDN compatibility data collaboration
  • Moving Your JavaScript Development To Bash On Windows
  • My favorite extensions for web development
  • Button Contrast Checker
• Effects
  • Awesome Demos Roundup #8
  • Inspirational Websites Roundup #8

CSS

• How to Build Unique, Beautiful Websites with Tailwind CSS
• CSS Security Vulnerabilities
• Ghost Buttons with Directional Awareness in CSS
• Two Browsers Walked Into a Scrollbar
• Logical Operations with CSS Variables
• How to Remove Unused CSS
• CSS Grid: Magazine Layouts

JavaScript

• How to Find Bugs in Your JavaScript Code With the Debugger
• Metronomes in JavaScript
• Front end observability. A practical guide to browsers error monitoring with window.onerror 💂‍
• Machine Learning For Front-End Developers With Tensorflow.js
• A lighter V8
• How I debug Javascript code I didn’t write
• ECMAScript-new-features-list - A comprehensive list of new ES features, including ES6, ES7, ES8, ES9 and ES10 (2015-2019)
• 😲🤯The most outstanding new feature in Javascript you need to know about: Optional Chaining
• Theory
  • This is about useful JS tips and tricks!
  • 4 Ways to Safely Access Nested Objects in Vanilla Javascript
  • A Re-Introduction To Destructuring Assignment
  • It’s Not Wrong that "🤦🏼‍♂️".length == 7
• React
  • Hamburger Menu with a Side of React Hooks and Styled Components
  • Why We Switched to React Hooks
  • React Dev Tools — Debug Like a Ninja
• Vue
  • Building Your Application with Styled Components in Vue.js
  • Vue 3 | Looking into the Vueture: Composition Functions. Natalia Tepluhina on ComponentsConf 2019
  • JSFoo: VueDay 2019
  • A few handy Vue.js tricks
  • Why Vuejs is so Awesome?
  • How to test Vue apps with the popular Cypress framework
• Angular
  • How to Create Search Engine-friendly Internationalized Web Apps with Angular Universal and ngx-translate
  • Add internationalization (i18n) to an Angular app
  • Configuring an Angular CLI project with GraphQL
  • What’s new After Angular 8
• Libs & Plugins
  • css-dot-js-loader - A Webpack loader which allows to generate static CSS code via JavaScript
  • check-imports - Check imports in JS files and update package.json dependencies
  • Dark mode on your site with 1 line of code
  • "Native Lazyload" By Google officially in Wordpress
  • js-fire - a library for automatically generating command line interfaces (CLIs) from most js objects.
  • poetic: Configuring ESLint, Prettier and Airbnb in 1 Line
  • js-noisy-gradient - Small and fast lib for smoothing visible banding in linear-gradient backgrounds.