Frontend Weekly Digest #316 (19–25 June 2023)

Web-development

• How to create an immersive web experience with AR and 3D.
• Behind The Curtains Of Wikipedia Redesign
• Building Awesome PWAs Using Six Leading Frontend Frameworks

• Tools
  • The Blurry Line Between Formatting and Style
  • Thoughts from “Meet Safari for Spatial Computing”
  • Panda — a CSS-in-JS engine that generates atomic CSS at build time (via CLI or PostCSS)
• Performance
  • cloudflare: Introducing HTTP/3 Prioritization
  • How Service Workers Sped Up Our Website by 97.5%?
• Accessibility
  • 4 Quick Ways to Check Web Animations for Accessibility
  • Low Contrast Text Remains the Most Common Accessibility Issue in 2023
  • WAI-ARIA Usage Has Quadrupled Since 2019
  • New California Assembly Bill on Website Accessibility Could Result in a Lawsuit Tsunami
• Effects
  • Coding the Sliced Image Hover Effect from Quai Network
  • Synchronize videos, 3D-models, etc. to Scroll-Driven Animations
  • Custom giraffe caret
  • Frosted Glass: Depth-based blur in CSS

CSS

• Future CSS: State Container Queries
• Fit-to-Width Text
• State of CSS 2023
• Building a line graph with CSS clip-mask
• margin-trim as a best practice?
• Do not drop Sass for CSS
• The New CSS
• CSS trig functions: Practical applications
• 5 ways to implement a striped background with CSS only

JavaScript

• Progressive enhancement and JavaScript frameworks — a complicated relationship
• Some notes from JSNation conference 2023
• How to use JavaScript’s BigInt
• IntelliNode — Unified access to various AI models, such as ChatGPT, Diffusion, Cohere, and others, using a few Javascript lines.

• Release
  • Ember 5.0 Released
  • Announcing Svelte 4
  • Nuxt 3.6 is out, bringing performance improvements, fully static server components, better style inlining, static presets, increased type safety — and much more.
• React
  • Speed up React development with Refine
  • How to authenticate React applications with Supabase Auth
  • Ripple — a state management library for React
• Angular
  • Mastering Signals in Angular 16: A Comprehensive Guide
• TypeScript
  • Level up your TypeScript with Record types
  • Understanding TypeScript generators
  • Filtering TypeScript value types