Frontend Weekly Digest #358 (8–14 April 2024)

Web-development

• What if you had real control over Light Mode / Dark Mode on a per-site basis?
• How would you build Wordle with just HTML & CSS?
• Understanding Interaction to Next Paint (INP)
• The ADA Now has Regulations for Accessibility of Web Content and Mobile Apps
• Image Stack Entrance Animations

• Tools
  • Introducing the ESLint Config Inspector, a visual tool to help you understand and inspect ESLint flat configuration files.
  • Jest adoption guide: Overview, examples, and alternatives
  • Deno: How we built JSR (JavaScript Registry)

CSS

• Desert Racer 🏜️: World’s First CSS-only Swipe-Aware Game!
• How to display language-specific quotes in CSS
• Sliding 3D Image Frames In CSS
• Some little ways I’m using CSS :has() in the real world
• Gap is the new Margin
• Testing HTML With Modern CSS
• A CSS-Powered Add/Remove Tags UI
• Are Inline Styles Faster than CSS?

JavaScript

• Building web-based terminal components with Termino.js
• Kosko — Organize Kubernetes manifests in JavaScript.
• Frontend Development Beyond React: Svelte (1/3)

• React
  • How to Build a Marquee Component with React
  • Creating a Navbar in React
  • React Server Components in a Nutshell
  • Setting Up Storybook for React Components
  • Zustand and React Context
• Vue
  • Things that I like better in Vue than in React
  • Why Nuxt makes your Vue life better
• Angular
  • Always unsubscribe. No exceptions. Debate closed.
  • Recapping ngConf 2024