Frontend Weekly Digest #291 (26–31 December 2022)
Web-development
• The Role of Transpilers in Web Development
• Using the HTML inert property to manage user focus
• How to build interactive pie charts using only CSS and HTML
• Communicating with WebRTC or WebSocket
- Performance
• Lazy-loading LCP images: Why does this anti-pattern happen?
• An Incomplete History of Web Performance
• LCP attribution: a fetchpriority breakdown
• Dynamic LCP Priority: Learning from Past Visits
CSS
• Creating smoother CSS transitions with Animate CSS Grid
• Masking images in CSS with the mask-image property
• Advanced guide to the CSS toggle() pseudo-class
• A CSS challenge: skewed highlight
• Styling a ‘pre’ That Contains a ‘code’
• Things CSS Could Still Use Heading Into 2023
• Fluid Typography: Predicting A Problem With Your User’s Zoom-In
JavaScript
• Next.js vs. Nuxt.js: Ultimate guide
• Demystifying JSX: building your own JSX parser from scratch
• Scroll animation using the JavaScript build in Intersection Observer API (third party libraries)
• Exploring Metaprogramming, Proxying and Reflection in JavaScript
• The Ultimate Guide To localStorage in JavaScript
• 10 Front-end Interview Questions You Should Know About
