Frontend Weekly Digest #242 (27 December 2021–2 January 2022)
Web-development
• Add a Service Worker to Your Site
• A story on web engines interoperability related to wavy text decorations
• InnerHTML vs. DOM Speed: I Was Wrong, And Right?
• Page Visibility: If a tree falls in the forest…
- Effects
• Codrops 2021
• Three.js Animation with K-d (Christmas) Tree Algorithm
• Adding a Persistence Effect to Three.js Scenes
CSS
• CSS in 2022
• Honor prefers-color-scheme in the CSS Paint API with Custom Properties
• hwb() — a color notation for humans?
• Creating A Custom Range Input That Looks Consistent Across All Browsers
• PurgeCSS: Remove unused CSS code
• 9 Awesome CSS Tools That You Should Use in 2022
• Magic PostCSS Custom Combinators using :has()
JavaScript
• Pay Attention To What JS Methods Return!
• JavaScript The Hard Parts — Part 1
• JS Self-Profiling API In Practice
• CommonJS vs. ES modules in Node.js
• WeakMap and WeakSet: Understanding JavaScript weak references
• The Efficient Way to Create a MERN App
- React
• Build an accessible “Skip to Content” anchor link with React.
• Tailwind + React First Impressions: Pros and Cons
• React Server Components in Next.js 12
• Migrating to React Router v6: A complete guide - Vue
• Building a PWA with Vue.js - Libs & Plugins
• eaf-linter — A linter, prettier, and test suite that does everything as-simple-as-possible.
• Top WebSocket libraries for Node.js in 2022