Frontend Weekly Digest #328 (11–17 September 2023)

Web-development

• AI for Web Devs: Project Introduction & Setup
• HTML5 Template: A Basic Boilerplate for Any Project
• There’s no such thing as a desktop screen
• View Transitions API & meta frameworks: a practical guide
• Things to Consider When Picking Fonts for your Next Project — An In-Depth Guide
• Building a QR Coder Web Component
• Comparing the Popover API and the dialog element
• Web Components Accessibility FAQ

• Performance
  • Stop Lazy Loading Product and Hero Images
  • View Transitions Break Incremental Rendering
• Effects
  • Grid Item Hover Effect
  • Scroll-Driven Animations Debugger (DevTools Extension)

CSS

• Revealing Images With CSS Mask Animations
• PostCSS Bundler — a standards-compliant reference CSS bundler.
• The best of 2023’s CSS & UI features
• Gradients, Blend Modes, And A Really Cool Hover Effect
• Fullscreen Navigation Bar: Pure CSS Scroll Animation
• Limitations of Scoped CSS
• How Custom Property Values are Computed
• A short introduction to CSS nesting
• Comparing classless CSS frameworks
• Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not

JavaScript

• Write your own progress indicator with vanilla JavaScript
• JavaScript is getting array grouping methods
• JPEG and EXIF Data Manipulation in Javascript

• React
  • Working with CSV files with react-papaparse
  • Building a toast component
  • You Might Not Need A useEffectAsync Hook
  • React: API Response Validation
  • The core difference between ReactJS and React Native you need to understand — Easy Explanation
• Vue
  • Micro Frontends: Breaking Big Applications into Small Parts With Vue and Vite
• Angular
  • New in Angular — afterNextRender and afterRender
  • Incremental Static Regeneration for Angular
  • Angular Signals: what’s all the fuss about?
• Svelte
  • Svelte Reviewed: A Masterclass on Empowerment

Browsers

• Critical WebP bug: many apps, not just browsers, under threat