Best of CSS-Tricks — May 2025

1. 1
   Article

   CSS-Tricks·49w

   Using Pages CMS for Static Site Content Management

   Pages CMS is an open-source content management system designed for static site generators, offering easy usage, minimal requirements, and customization. With no backend needed, content is stored as flat files in a git repository. It's free to use and supports user authentication via GitHub or email. Pages CMS simplifies content management and collaboration by providing a sleek user interface for editing and organizing content collections using configuration files. It integrates seamlessly with Astro for managing directories of Markdown files, offering flexibility and efficiency for managing static site content.

   116

   3
2. 2
   Article

   CSS-Tricks·50w

   Why is Nobody Using the hwb() Color Function?

   The hwb() color function in CSS, although designed to be intuitive by controlling whiteness and blackness, has seen declining usage due to common familiarity and more intuitive alternatives like hsl(). Newer color functions such as lab() and oklch() offer broader color ranges and perceptual uniformity, making them preferred options over hwb(). Though hwb() had a steep decline in adoption, it's still maintained for backward compatibility.

   69

   5
3. 3
   Article

   CSS-Tricks·49w

   Scroll-Driven Animations Inside a CSS Carousel

   CSS Carousels can be enhanced with scroll-driven animations, allowing animations to trigger as carousel items scroll into view. This technique involves defining keyframes and applying them using the animation-timeline property. While CSS Scroll Snapping is used for smooth scrolling, it can interfere when scroll-based animations are applied. Using view() timelines results in smoother animations but does not resolve the conflict with smooth scrolling.

   29