Frontend Weekly Digest #159 (18 –24 May 2020)

Web-development

• What’s New in Lighthouse 6.0
• SEO Cheat Sheet

• Performance
  • Case study: Analyzing Notion app performance
  • How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts
  • The Fastest Google Fonts
• Accessibility
  • Disclosure Widgets
  • Artificial Intelligence and Accessibility — GAAD 2020 — Hello A11y
  • 5 Steps to a More Accessible Website
• Effects
  • Inspirational Websites Roundup #15
  • Let’s Make One of Those Fancy Scrolling Animations Used on Apple Product Pages
  • Animated Sparkles in React

CSS

• CSUN 2020: CSS Display Properties versus HTML Semantics
• What is Tailwind CSS and How Can I Add it to my Website or React App?
• Thinking About The In-between Design Cases
• An Infinitely Scrollable Vertical Menu
• Safe/unsafe alignment in CSS flexbox
• Using calc to figure out optimal line-height
• First Steps into a Possible CSS Masonry Layout
• stylemug — A fast css-in-js library that extracts atomic CSS rules to a .css file

JavaScript

• The Third Age of JavaScript
• Avoid Heavy Babel Transformations by (Sometimes) Not Writing Modern JavaScript
• Deno vs. Node.js — Here are the most Important Differences
• ES2020 Has Been Finalized. Here is What I’m Excited About
• Creating files in JavaScript in your browser
• Detect inactive users with the Idle Detection API
• The Great CoffeeScript to Typescript Migration of 2017

• Releases
  • Electron 9.0.0
  • Node v14.3.0 (Current)
• Theory
  • Best Practices in JavaScript Array Iteration
  • DOM diffing with vanilla JS
  • Understanding Machines: An Open Standard For JavaScript Functions
  • Understanding Lazy-Loading in Popular Frontend Frameworks
  • Here Is What You Should Learn After JavaScript
• React
  • I Watched All 27 React Europe Talks So You Don’t Have To
  • ⚛️ Reparenting is now possible with React
  • Implement Code Splitting in React
  • Unit Testing React components with Cypress
• Vue
  • Simple Vue Directives That’ll Save You Time
  • Empower your NuxtJS application with @nuxtjs/content module: write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS
  • Should You Still Learn Vue 2 Or Just Wait For The Release Of Vue 3?
  • The Vue 3 upgrade guide
  • Introducing Vue Formulate — truly delightful form authoring.
  • Vue Class Store — Universal Vue stores you write once and use anywhere
  • Tackling Authentication With Vue Using RESTful APIs
• Angular
  • 6 ways to dynamically style Angular components
  • I had to learn Angular 8 in 24 hours, here is how
  • DOM Manipulations in Angular
• Ember
  • The Ember Times — Issue №149
• Svelte
  • Drag and drop with Svelte using svelte-dnd-action
  • Svelte, why so much hype ?
• Libs & Plugins
  • Revealjs — Create Stunning Presentations on the Web
  • ts_ci — Continus integration setup for TypeScript projects via GitHub Action
  • ac-colors is a reactive JavaScript color library that can freely convert between RGB, HSL, HEX, XYZ, LAB, and LCHab, as well as handle random color generation and contrast ratio calculation

Browsers

• IE11 Mainstream End Of Life in Oct 2020
• New in Chrome 83