Frontend Weekly Digest (9 — 15 September 2019)

This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.

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 «emoji».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.
  

Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.