Frontend Weekly Digest #317 (26 June — 2 July 2023)

Web-development

• Is it too late to fix the problem of AI clutter on the web?
• New to the web platform in June
• Breaking Up with SVG-in-JS in 2023
• What is JSON LD? Frequently asked questions.

• Tools
  • Useful DevTools Tips and Tricks
  • Introducing the MDN Playground: Bring your code to life!
  • The massive bug at the heart of the npm ecosystem
• Performance
  • How CDNs Help Speed Up Performance by Reducing Latency
  • Improve Performances With Dynamic “Content-Visibility”
• Effects
  • Creating a Bulge Distortion Effect with WebGL
  • Inspirational Websites Roundup #47

CSS

• Faking a :snapped selector with Scroll-Driven Animations
• Creating A High-Contrast Design System With CSS Custom Properties
• Cascade Layers are useless*
• Position-Driven Styles
• Solved: Tricky Floating Image Alignment
• CSS Refactoring Techniques
• Going beyond constants with custom properties
• Guide to rotating text in CSS

JavaScript

• Demystifying JavaScript Operators: What Does That Symbol Mean?
• CommonJS is hurting JavaScript
• An Introduction to the View Transitions API
• How to consume a paginated API using JavaScript async generators
• Exploring Node.js v20 features in action
• Must Know JavaScript API — Drag and Drop API

• React
  • Building a Comment Form with React-Mentions
  • 3 ways to implement a typing animation in React
  • Using CORS in Next.js to handle cross-origin requests
• Vue
  • Supercharge your code with VueMacros
  • Your Guide to Implementing Vue Placeholder Loading
• Angular
  • How to Create an Intercepting System in Angular (e.g. WebSockets)
  • Angular is getting New Template Syntax
  • Useful Chrome DevTools techniques when debugging change detection in Angular
  • Stateful Data Binding: Mastering Two-Way Communication and State Management in Angular Applications