Frontend Weekly Digest #387 (4 - 10 November 2024)

Fresh Frontend Links
2 min readNov 10, 2024

--

Web-development

Less Common HTML Elements and How to Use Them in Your Code
Front End Debugging Part 1: Not just Console Log
Why Optimizing Your Lighthouse Score Is Not Enough For A Fast Website
Mastering Interaction to Next Paint (INP)
Vercel Makes Changes to Next.js To Simplify Self-Hosting
How to Create an Organic Text Distortion Effect with Infinite Scrolling

CSS

Named Scroll & View Timelines
Benchmarking the performance of CSS @property
A Friendly Introduction to Container Queries
The stretch keyword: a better alternative to width: 100% in CSS?
The Different (and Modern) Ways to Toggle Content
New CSS that can actually be used in 2024#
Popping Comments With CSS Anchor Positioning and View-Driven Animations
Fluid Everything Else
BRiCSS — A simple and customizable low-level CSS library generator
Folded rectangle shapes using CSS mask
What’s the deal with WebKit Font Smoothing?

JavaScript

JavaScript’s ??= Operator: Default Values Made Simple
Introducing your new JavaScript package manager: Deno
Why Alpine is the new jQuery and Why that is an Awesome Thing
Top 10 JavaScript SEO Tricks Every Developer Should Know
The ResizeObserver API: A tutorial with examples
es-toolkit, a Lodash alternative
20 TypeScript Tips for Cleaner, More Efficient Code in 2024

--

--