Frontend Weekly Digest #323 (7–13 August 2023)

Web-development

• A Blog Post With Every HTML Element
• Using Document Picture-in-Picture and Insertable Streams APIs to record your screen and camera
• The Future of Native HTML Templating and Data Binding

• Tools
  • An Introduction to the esbuild Bundler
  • 12 Playwright Tips and Tricks
  • Node.js’s Config Hell Problem
• Performance
  • Running A Page Speed Test: Monitoring vs. Measuring
  • Boosting Website Performance: Leveraging Webpack for File Compression and Optimization.
• Accessibility
  • Progressively Enhanced HTML Accordion
  • Assistive technology shouldn’t be a mystery box
  • Progressively Enhanced Form Validation, Part 1: HTML and CSS
  • Designing Accessible Text Over Images: Best Practices, Techniques, And Resources (Part 2)

CSS

• New & Upcoming CSS features 2023
• Scroll-Driven Animations and View Transitions (2023.06.09 @ CSS Day)
• A Future of Themes with CSS Container Style Queries
• OKLCH in CSS: Consistent, accessible color palettes

JavaScript

• An Introduction to htmx, the HTML-focused Dynamic UI Library
• A compilation of outstanding testing articles (with JavaScript)

• React
  • Devtools for React Server Components
  • Creating a reusable pop-up modal in React from scratch
  • Running React and Express with concurrently
• Vue
  • Comparing the Vue 3 Options API and Composition API
  • How to use GraphQL in Vue3 with the Apollo Client
• Angular
  • Create configurable Angular Guards
  • Angular Super Forms: Password Confirmation