Frontend Weekly Digest #175 (7–13 September 2020)

Web-development

• 5 Lesser-known Features of Chrome DevTools
• Modifying Specific Letters with CSS and JavaScript
• A Practical Guide to the Web Cryptography API

• Performance
  • How to preload responsive images with imagesizes and imagesrcset
  • PRPL pattern: Solutions for modern web app optimization
  • AVIF has landed
  • Performance Metrics for Front-End Applications
• Accessibility
  • Designing With Reduced Motion For Motion Sensitivities
  • How & Why Accessibility Matters for SEO
  • What to look for in an accessibility audit
• Animation
  • How to Get Handwriting Animation With Irregular SVG Strokes
  • Buttons that Spark Joy

CSS

• Custom, accessible radio/checkbox buttons with perfect alignment
• Parsel: A tiny, permissive CSS selector parser
• How CSS Perspective Works
• How to create text gradients using CSS easily.

JavaScript

• Working with JavaScript Media Queries
• DevTools architecture refresh: Migrating to JavaScript modules
• Real Compass on mobile browsers with Javascript
• Understanding the Event Loop, Callbacks, Promises, and Async/Await in JavaScript
• 5 best practices for clean coding in JavaScript

• React
  • Jotai, a New Granular State Management Library for React
  • Frustrations with React Hooks
  • React Chrono — A timeline component for React
  • React Functional Component with Hooks: Everything You Need To Know
  • Here’s A Simpler Alternative to Redux
  • React Hooks the History
• Vue
  • An Introduction to Vue Teleport — A New Feature in Vue3
  • Announcing the (new) Ionic Vue Beta
  • Tips For New VueJs Players
• Angular
  • 3 Style Management Tips That Will Save You a Headache in Your Angular App CSS
  • ControlValueAccessor and contenteditable in Angular
  • Angular localization with Ivy
  • The benefits of adding rx-query to your Angular project
  • How I Got Rid of State Observables in Angular
  • Optimize Angular bundle size in 4 steps
• Ember
  • The Ember Times — Issue №163
  • Embroider preparation
  • Sharing A Parent Model Across Route Boundaries
• Svelte
  • Getting Started with Svelte JS: Building a Shopping Cart