Best of CSS-Tricks — November 2025

1. 1
   Article

   CSS-Tricks·24w

   The “Most Hated” CSS Feature: tan()

   Explores practical applications of CSS's tan() trigonometric function, demonstrating how to create polygon-shaped layouts and circular menus by calculating triangle dimensions. Shows how tan() works with right-angled triangles to determine element heights based on angles and widths, enabling dynamic sectioned lists, character pickers, and image galleries. Includes interactive examples and mathematical explanations of how tangent relates to sine and cosine in the unit circle.

   28
2. 2
   Article

   CSS-Tricks·23w

   Headings: Semantics, Fluidity, and Styling — Oh My!

   Explores three key aspects of HTML headings: proper semantic placement of h1 elements relative to header and main landmarks for screen reader accessibility, implementing fluid typography using clamp() with viewport-relative units while maintaining zoom accessibility, and the new CSS :heading pseudo-class in Firefox Nightly that simplifies heading selection beyond traditional element selectors.

   13

   1