This Week’s Frontend Highlights: Fonts, AST, Complexity, HTTP/3, Lazy Loading

Do you really understand fonts after writing so much code?

Many developers, even experts, struggle with font issues. This article covers essential font knowledge that is highly actionable and frequently discussed among developers, product managers, and designers.

Hand‑writing a method to convert arithmetic expressions to an AST (Part 1)

Building on a previous article about JavaScript abstract syntax trees, this piece dives into lexical and syntactic analysis to create a simple AST for arithmetic expressions.

Frontend code quality: the principle and practice of cyclomatic complexity

The article introduces the concept of cyclomatic complexity, explains how to calculate it, reduce it, obtain metrics, and apply it in real projects.

Decoding the new features of HTTP/2 and HTTP/3

While HTTP/2 greatly improves web performance over HTTP/1.1, it still has limitations; HTTP/3 addresses those shortcomings.

Native lazy‑loading of IMG images in browsers (loading="lazy") – a practical guide

Chrome now supports native lazy‑loading for IMG and IFRAME elements via the loading="lazy" attribute, and compatibility has finally become solid.

Translation: CSS Level‑4 selectors

Based on the draft specification as of January 2019, the article walks through the next‑generation (fourth‑level) CSS selectors.