Frontend Weekly Digest #279 (2–9 October 2022)

Web-development

• The Future of the Web is on the Edge
• API Security: The Complete Guide
• How to Safely Share Your Email Address on a Website
• Optimizing video backgrounds in CSS and JavaScript
• Getting started with the Web Monetization API
• Implementing Accessibility as a Developer: Keyboards and Screen Readers

• Effects
  • Delightful UI Animations With Shared Element Transitions API (Part 1)
  • Is GSAP a better alternative for high-performing JavaScript Animation?
  • On-Scroll Animation and View Switch
  • Animating Tiny Triangles with Three.js

CSS

• CSS Halftone Patterns
• The State of CSS survey is live
• How To Create a Clean CSS-Only Toggle Switch
• Easy Fluid Typography With clamp() Using Sass Functions
• A CSS class-naming convention might still be your best choice
• CSS-Only Reading Progress Indicator
• 58 bytes of CSS to look great nearly everywhere
• Is Tailwind overrated, or are we just using it wrong?

JavaScript

• JavaScript SEO best practices
• Using Web Components With Next (or Any SSR Framework)
• The Missing Math Methods in JavaScript
• Using the JavaScript Clipboard API
• I turned JS into a compiled language (for fun and Wasm)
• Ten Years of TypeScript

• React
  • CSS-in-JS for React: Linaria vs. Styled Components
  • React performance optimization: Windowing vs. component recycling
  • How to build a skeleton screen with CSS and React
• Vue
  • From Angular to Vue: A simple transition guide
  • Building a custom file upload component for Vue
  • Frontend caching in Vue with Workbox service workers
• Libs & Plugins
  • As a Front-End Engineer: 5 JavaScript Utility Libraries You Should Know About
  • How to write your own state management library