Frontend Weekly Digest #312 (22–28 May 2023)

Web-development

• Brief Note on Popovers with Dialogs
• Deploying AVIF for more responsive websites
• Introducing the popover API
• 11 HTML best practices for login & sign-up forms
• State of Node.js Performance 2023
• On-Scroll Pixelated Image Loading Effect
• Dilemma of Choosing a Frontend Framework

CSS

• Why we’re bad at CSS
• display: contents considered harmful
• Avoid Layout Shifts Caused by Web Fonts With PostCSS Fontpie
• The Yellow Fade Technique with Modern CSS using @starting-style
• Create complex animation curves in CSS with the linear() easing function
• Single Line Comments in CSS
• Writing cleaner CSS code with BEM
• Responsive CSS Layout Grids without Media Queries

JavaScript

• How to draw any regular shape with just one JavaScript function
• Building a Seamless Drag-to-Reorder Widget with Vanilla JavaScript
• How to Make Reusable Components in Vanilla JavaScript
• 11 Bad Ways to Write JavaScript

• React
  • React Interview Questions 2023: A Comprehensive Collection for Newcomers and Professionals Alike
  • ⚛️ Best Practices of Using useLayoutEffect in React
  • Structure Your React Apps Like It’s 2030
  • Building a Chess Game with React
  • Real-time features in React using WebSockets
• Vue
  • How to make Vue.js 3000 times faster
• Angular
  • A Simplified Journey of Leaflet JS Integration with Angular: Step-by-Step Guide
  • Angular with Nx in 2023? Seriously, You Should!
  • Implementing Angular Elements — A Walkthrough
  • Pragmatic Angular Schematics