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