Frontend Weekly Digest #318 (3 — 9 July 2023)

Web-development

• Understanding SVG Paths
• The case against self-closing tags in HTML
• Creating a Blackjack Game with Alpine.js and the Deck of Cards API
• On-Scroll SVG Filter Effect

• Performance
  • In Defence of DOMContentLoaded
  • A Designer’s Guide to Image Optimization
• Accessibility
  • the article element and screen readers
  • New York Requires State Agencies to Follow WCAG
  • Disabling paste in textboxes is not a security feature
  • WWDC 2023 Accessibility Goodies for Developers

CSS

• The new @font-face syntax
• CSS-Only Scroll Animations
• Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images
• An Introduction to Native CSS Nesting
• CSS only floating labels
• New Viewport Units
• Offset parent and stacking context: positioning elements in all three dimensions
• Reuse code: Master SCSS Mixins
• Functional CSS is great, except when it isn’t (Or why you shouldn’t use functional CSS in your large scale application)

JavaScript

• When a millisecond is not a millisecond
• Coding Randomized Zelda Patterns
• Forever Functional: Poker and TypeScript
• Generating JSON Schema from TypeScript types
• Beyond Browsers: The Longterm Future of JavaScript Standards

• React
  • The React Graph Gallery: Build interactive charts for the web
  • Incremental Static Regeneration (ISR) in Next.js
  • How to Prevent Unnecessary React Component Re-Rendering
  • Beyond Axios Interceptors: Crafting Your Custom Refresh Token Handler
  • Decoupling UI and Logic in React: A Clean Code Approach with Headless Components
  • How we implemented a media library with XState and React
  • How to Implement Feature Gates in React?
• Vue
  • Building a Vue.js Monorepo in 2023
  • Integrating Jest Testing into an Existing Vue 3 Project with ViteJs
  • Vue.js conditional rendering: v-if vs. v-show
• Angular
  • Some tricks for customizing the Angular build
  • Worst Practices In Angular