Frontend Weekly Digest #359 (15–21 April 2024)

Web-development

• How to Create a Responsive HTML Email Template
• Web Components adoption guide: Overview, examples, and alternatives
• New Wasm Project Brings Web Components to Backend Languages
• Some On-Scroll Text Highlight Animations

• Performance
  • Demystifying Google’s Recent Switch to INP
  • How To Monitor And Optimize Google Core Web Vitals
• Accessibility
  • Demystifying Screen Readers: Accessible Forms & Best Practices
  • What the US DoJ adopting WCAG 2.1 A/AA in ADA Title II for Web and Mobile Apps means for you
  • Long Alt

CSS

• A primer on the cascade and specificity
• What’s Going On in Dark Theme / Light Theme Land
• Things That Can Break aspect-ratio in CSS
• Layered Toggles: Optional CSS Mixins
• Masonry Layouts in CSS

JavaScript

• Converting Plain Text To Encoded HTML With Vanilla JavaScript
• Upgrading jQuery: Working Towards a Healthy Web
• Qwik vs. Next.js: Which framework is right for your next web project?
• Top 5 Underutilized JavaScript Features
• Master Reactivity in JavaScript: 8 Powerful Patterns…
• Layer Cake — a graphics framework for Svelte
• Top 6 JavaScript and NodeJS Libraries for Web Scraping

• React
  • How to Build a Dynamic Dropdown Component in React — React Compound Component Pattern Explained
  • CSS in React Server Components
  • semantic-autocomplete is a React component that extends v5 MUI’s autocomplete and performs semantic similarity search using a small, quantized machine learning (ML) model which runs on client side.
  • How to Style a React Application
  • Did Signals Just Land in React?
  • Create a React app with Wing
  • Build faster with Wedges. An open-source collection of UI components for React.
• Angular
  • How Using Angular’s inject() Function Has Saved Me 1000 Lines of Code
  • Improving Dynamic Component Loader Typings in Angular Using Inputs