Modernist Tiles with CSS Grid
SMRTR summary
Hydraulic tile floors from Barcelona's Modernisme era — pressed cement, no glaze, just geometry — inspired this deep dive into recreating their patterns in CSS Grid. Using radial gradients, border-radius tricks, subgrid for seamless corner ornaments, and even live trigonometry like atan2() and sin() inside grid-template-columns, the author builds a fully interactive tile floor without a single canvas element.
SMRTR provides this summary for quick context. The original article belongs to Hacker News.
Read the original article