FRONT-END WEEKLY DIGEST (September 9 - September 15, 2019)

This week we invite you to discuss the ins and outs of frontend web development. Check the top news on CSS, HTML, and JavaScript with our most recent digest. Subscribe for updates and stay tuned!

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.