Frontend Weekly Digest #277 (19–25 September 2022)

Web-development

• Building A Retro Draggable Web Component With Lit
• First Batch of Color Fonts Arrives on Google Fonts

• Performance
  • Will Serving Real HTML Content Make A Website Faster? Let’s Experiment!
  • Making a fast website is SUPER EASY
  • Bad Performance and/or Structure Scores: Hosting or Developer?
  • Total Blocking Time: A Short and Sweet Guide for Happier Users
• Accessibility
  • Did COVID-19 Improve Web Accessibility Awareness?
  • Are Fraudulent ADA Website Lawsuits Common?
  • A details element as a burger menu is not accessible
• Effect
  • Menu to Grid Layout Animation
  • How To Make Lava Lamp-Style Blob Animations With HTML and CSS

CSS

• How I Made an Icon System Out of CSS Custom Properties
• Use cases for CSS comparison functions
• Randomness in CSS
• CSS Features We’re Thankful For and CSS Features We Need
• Bulma vs. Boostrap — What are their differences?
• Making your Web Pages Printer-Friendly with CSS
• Creating a custom mouse cursor with CSS

JavaScript

• Feature Flags: Beyond the Boolean
• Find path in a JS object? My favorite question to ask in a Frontend interview.
• Working with GraphQL with Vanilla JavaScript
• What’s New In Gatsby 2022?
• Rest vs Spread syntax in JavaScript
• 19 Killer JavaScript One-Liners That’ll Make You Look Like a Pro

• React
  • React I Love You, But You’re Bringing Me Down
  • A Quick Start Guide to React Suspense
  • Full-text Search in React with Algolia and Firestore
  • Memoization in React — How useCallback Works
  • A guide to using Convex for state management
• Vue
  • My Favourite Nuxt 3 Features
  • Work with Vite and NX
  • A brief history of Vue Script Setup
  • Infinite Scrolling using Vue3 and IntersectionObserver
• Angular
  • Things I Wish I Had Known About Angular When I Started
  • Clean Architecture for Angular Applications
  • Running Initialization Functionality in Angular
  • The 4 Most Valuable Sessions from ng-conf 2022