A developer replaced a JavaScript web component that handled icon resizing on a static site with multiple pre-rendered HTML pages, each serving icons at a different size. By using navigation between pages instead of client-side JS, the site gained CSS view transitions for free, simplified maintenance, and eliminated duplicated templating logic.
The article discusses a shift in web development towards using simple HTML for interactivity instead of JavaScript, highlighting how features like the `<details>` element, form-based navigation, and `popover` attributes can reduce complexity and improve performance.
The article explores lesser-known features and semantic nuances of HTML list elements (ul, ol, dl), highlighting attributes like reversed, start, and value for ordered lists, and explaining proper use cases for description lists. It emphasizes writing accessible, meaningful markup beyond basic list usage.
The article explains how to display fractions in HTML using the `<sup>` (superscript) and `<sub>` (subscript) tags, such as `<sup>1</sup>⁄<sub>2</sub>` for 1/2, and notes that CSS styling can improve the appearance of these inline fractions.