Frontend Weekly Digest #363 (13–19 May 2024)

Web-development

• When Online Content Disappears: 38% of webpages that existed in 2013 are no longer accessible a decade later
• Exactly How to Deploy Local Files to Make a Live Website
• Using WebRTC to implement P2P video streaming
• NoJS 2 — Stochastic Boogaloo. Making a tic-tac-toe game with ‘randomness’ using pure HTML and CSS. Without JavaScript!
• Static Sites Do Scale: Eleventy vs. Next.js at 11ty Event
• Prefetching When Server Loading Won’t Do
• Multi-page application View Transitions are here (Google I/O 2024)

• Tools
  • A New Look and Feel for GTmetrix
  • 5 Cool Chrome DevTools Features Most Developers Don’t Know About
  • Understanding the latest Webkit features in Safari 17.4
• Accessibility
  • Rethinking Text Resizing on Web
  • Making the web more accessible: menus and loaders

CSS

• The Times You Need A Custom @property Instead Of A CSS Variable
• Anchor Positioning and the Popover API for a JS-Free Site Menu
• Beyond CSS Media Queries
• On compliance vs readability: Generating text colors with CSS
• Time-based CSS Animations
• The Classic Border Radius Advice, Plus an Unusual Trick
• I’m worried about the tabbing behaviour, rather than the syntax and name of CSS masonry

JavaScript

• How to document your JavaScript package
• htmx vs. React: Choosing the right library for your project
• Vuejs Amsterdam 2024, 29 videos

• TypeScript
  • TypeScript Adventures: Prop Drilling Down the Rabbit Hole
  • ReScript vs. TypeScript: Overview and comparison
  • Dynamic Github profile with Bun and Typescript
• React
  • Snappy UI Optimization with useDeferredValue
  • Bulletproof React — A simple, scalable, and powerful architecture for building production ready React applications.
  • Meta Releases Open Source React Compiler
  • 5 Tips and Tricks To Make Your Life With Next.js 14 Easier
  • What’s New at React Conf 2024
  • It’s not just you, Next.js is getting harder to use
• Angular
  • Angular 18 will arrive next week
  • Angular 18: Revolutionizing Web Development with Cutting-Edge Features
  • Simplifying Client-Side Logic: The Strategic Use of View Models
  • Template local variables with @let in Angular