Frontend Weekly Digest (28 Jan – 3 Feb 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

• HTML, CSS and our vanishing industry entry points
• CSS and JS Are at War, Here’s How to Stop It
• HTML is and always was a compilation target — can we deal with this?
• Google Play Store now open for Progressive Web Apps 
• The “Backendification” of Frontend Development
• An Overview of the Most Exciting Proposals for the Web Platform Related to Web Components

• Performance:
  • “The Joy of Optimizing Images” by Una Kravets – An Event Apart video
  • Bandwidth or Latency: When to Optimise for Which
  • Page Speed Optimization: Metrics, Tools, and How to Improve
  • Improving web font performance: a case study
  

• Tools:
  • tris-webpack-boilerplate — A webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in
  • 11 Awesome JavaScript Extensions for Visual Studio Code
  • What's New In DevTools (Chrome 73)
  • New in Firefox DevTools 65
  

• Accessibility:
  • Using Artificial Intelligence to Generate Alt Text on Images
  • Tools & strategies for developing accessible web apps
  • How do you figure?
  

• Animations:
  • Buildings Wave Animation with Three.js
  • Taotajima.jp WebGL deconstruction
  • Custom Cursor Effects
  

CSS

• CSS Position Sticky — How It Really Works!
• A look at CSS hyphenation in 2019
• The Many Ways to Change an SVG Fill on Hover (and When to Use Them)
• CSS-in-JS and Static Rendering
• CSSans Pro — The Colourful, Sassy, CSS Font
• CSS WordArt
• CSS Grid: Excel Spreadsheet
• CSS Animation: Marauder's Map

JavaScript

• New Releases: TypeScript 3.3, Babel 7.3, Jest 24
• Future JavaScript: what is still missing?
• Static vs Unit vs Integration vs E2E Testing for Frontend Apps
• React vs Angular: An In-depth Comparison
• Three More Ways to Visualize The State Of JavaScript
• Diving Deeper in JavaScripts Objects. A Closer Look at JavaScript Object Descriptors

• VueJS:
  • 7 Problems you can avoid by using Nuxt.js for your next Vue app
  • Vue.js App Performance Optimization: part 1 — Introduction to performance optimization and lazy loading.
  • Mastering Computed Properties in VueJS
  • How to build a simple social media monitor with NodeJS, GraphQL, and Vue
  • Using Vue.js To Create An Interactive Weather Dashboard With APIs
  • What Does Vue 3.0 Mean for Web Development?
  

• React:
  • The (new) React lifecycle methods in plain, approachable language
  • React as a UI Runtime
  • Build Progressive Web Apps with React — Part 1
  • addimated — An always interruptible, declarative animation library for React
  • React Custom Scroll 4.0
  • 5 Ways to animate a ReactJs app in 2019.
  • How Gatsby is so blazing fast
  

• Angular:
  • Introducing to NG-VDOM: A new way to write Angular application
  • Build a production ready PWA with Angular and Firebase
  • Angular 7|6 Tutorial: Building and Submitting a Form
  • Angular DI: Getting to know the Ivy NodeInjector
  

• Libs & Plugins:
  • flexsearch — Next-Generation full text search library for Browser and Node.js
  • readability.js — a standalone version of the readability library used for Firefox Reader View
  • webaudio-synth: Web Audio API Polyphonic Synthesizer
  

Browsers

• Firefox 65: WebP support, Flexbox Inspector, new tooling & platform updates
• Notable WebRender and Gecko changes
• Reference Browser ready for testing!
• Microsoft decides Internet Explorer 10 has had its fun: Termination set for January 2020