Frontend Weekly Digest #156 (27 April –3 May 2020)

Web-development

• Some Innocent Fun With HTML Video and Progress
• Storage for the web
• Performance monitoring in CSS animations
• Automating Web Performance testing with Puppeteer 🎪
• Avoid aria-roledescription
• Morphing Gooey Text Hover Effect
• Immersive Transition Effect

CSS

• Selection in CSS
• Atomic CSS-in-JS
• Faking 3D Elements with CSS
• Thoughts on an implementable path forward for Container Queries
• The CSS “content” property accepts alternative text
• 👨🏻‍💻 How to solve the Z-index issue Within 1 minute😲😲
• 3 Insanely Simple Ways to Switch Your Website To Dark Mode
• Create a nice-looking input range with only CSS!!
• What are we missing at Learning CSS?

JavaScript

• Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by TailwindCSS
• Continuously refactoring 100000 lines of code — TinyMCE in TypeScript
• window.location Cheatsheet

• React
  • Reactive hamburger on the menu 🍔
  • Improved Next.js and Gatsby page load performance with granular chunking
  • Demystifying React Redux
  • What I wish I knew about React
  • Should I use event delegation in React?
  • React Integration Testing: Greater Coverage, Fewer Tests
  • Implementing Dark Mode In React Apps Using styled-components
  • A visual guide to React Mental models
  • Comparing Next.js and After.js for SSR React apps
• Vue
  • New features in Vue 3 and how to use them
  • Vue Router Protection
• Angular
  • Angular CLI flows. Big picture.
  • Angular Bad Practices: Revisited
  • A Better Way to Pass Data to your Angular Components
• Ember
  • Recursion in Ember.js Templates, case factorial(n)
• Svelte
  • Why you should try Svelte!
  • Want to learn Svelte? Here’s our free 16-part course by Svelte Master
  • Handling Inputs with Svelte
• Libs & Plugins
  • Cupertino Pane is great modern slide-over pane with touch technologies.
  • 10 JavaScript Image Manipulation Libraries for 2020
  • quotable-toolbar — a TypeScript plugin that makes it easy to share quotes from webpages
  • Detect text toxicity using React
  • Hero Generator! Create a nice hero image for your site or app
  • jExcel is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with Excel or any other spreadsheet software
  • utfu: Replaces busted characters carried over from legacy text encodings with the proper UTF-8 characters.