Frontend Weekly Digest #336 (6–12 November 2023)

Web-development

• HTML First — a set of principles that aims to make building web software easier, faster, more inclusive, and more maintainable
• Blinded By the Light DOM

• Performance
  • web.dev: Welcome to Learn Performance!
  • How Core Web Vitals saved users 10,000 years of waiting for web pages to load
• Accessibility
  • Creating Accessible UI Animations
  • Addressing Accessibility Concerns With Using Fluid Type
  • Understanding HTML landmarks and how to apply them
• Effects
  • Dynamic Tooltip Reveal Animations
  • WebGL Blobby Button

CSS

• CSS nesting relaxed syntax update
• CSS Nesting is Here
• Tailwind CSS: Pros and Cons
• Why You Should Use px Units for margin, padding, & Other Spacing Techniques
• Using CSS content-visibility to boost your rendering performance
• Surprising Facts About New CSS Selectors
• Exploring the CSS :dir pseudo-class: A deep dive

JavaScript

• How to Build a JavaScript Retail Income Statement App
• Usability madness of the Modern Javascript UI
• JetBrains JavaScript Day 2023–8 videos
• The Science Behind The JavaScript Engine: How Machines Read Your Code
• Common Pitfalls: Code Practices That Disable Tree Shaking in Vue.js
• melt — An open-source Svelte library for building high-quality, accessible design systems and web apps.

• React
  • React Router v6: A Beginner’s Guide
  • Top Redux Alternatives: Exploring State Management Solutions
  • Why You Want Need React Query
  • re-re-reselect — Simplifying React state management
  • Headless Component: a pattern for composing React UIs
  • I’m Sure You Didn’t Know You Could Test React Components This Easily
  • Mastering SVG Animations in React with Framer Motion
• Angular
  • Introducing Angular v17
  • Announcing Angular.dev
  • Deep dive into the Angular Signals: Part 1