Frontend Weekly Digest #375 (5–11 August 2024)
Web-development
• What is a Component Library and Should You Build Your Own?
• Video with alpha transparency on the web
• Netlify Aims To Simplify the Frontend With Cloud Primitives
• Strategies for Implementing Scalable Frontend Architectures in Large Organizations
• HTML Web Components Can Have a Little Shadow DOM, As A Treat
- Tools
• Announcing Official Puppeteer Support for Firefox
• Vitest adoption guide: Overview, examples, and alternatives - Accessibility
• Accessible heading structures for home pages
• WCAG, VPAT, s508, Level A — What on earth?
• Talk notes: Let’s make a simpler, more accessible web - Effects
• Interactive 3D Device Showcase with Threepipe
• The Art of Dithering and Retro Shading for the Web
CSS
• Now in Baseline: animating entry effects
• It’s Time To Talk About “CSS5”
• Transition to `height: auto` & `display: none` Using Pure CSS
• Beyond regular expressions: Enhancing CSS value parsing in Chrome DevTools
• 5 best practices for preventing chaos in Tailwind CSS
• CSS Olympic Rings
• Is CSS Grid really slower than Flexbox?
• Creating 3D effects in CSS
• Improve text flow and balance with the CSS text-wrap property
JavaScript
• Exploring the Possibilities of Native JavaScript Decorators
• How To Build Scalable Real-Time Applications With JavaScript
• Learn TypeScript — A Comprehensive Guide for Beginners
• Snippets in Svelte 5
- React
• 101 React Tips & Tricks For Beginners To Experts ✨
• Avoiding premature abstraction with Unstyled React Components
• Common Sense Refactoring of a Messy React Component - Vue
• Difference between Vue 2 & Vue 3
• 21 Nuxt Tips You Need to Know
• Making an interactive analogue clock with Vue3
• How to Build High-Performance Astro Apps with Vue Components: A Step-by-Step Guide - Angular
• Creating Envless Angular-application
• Google Angular Lead Sees Convergence in JavaScript Frameworks
• Introducing Taiga UI v4: Even More Components and Enhancements
• Advanced List Filtering in Angular 18