| Holographic Masks (hej) | | 16 |
| css, gradients, blend-modes, effects |
| 10 Awesome CSS Text Effects for Your Next Project (pau) | | 15 |
| css, effects |
| Top Pens of 2024 on CodePen (cod) | | 14 |
| codepen, link-lists, retrospectives |
| CSS Scroll-Driven Index (jhe) | | 13 |
| css, scrolling, headings |
| “img sizes=auto” for Native Lazy Loading (ste) | | 12 |
| html, images, lazy-loading, performance |
| Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe) | | 11 |
| layout, css |
| Repetition Avoidance (ste) | | 10 |
| accessibility, user-experience, aria |
| Top Pens of 2023 on CodePen (cod) | | 9 |
| codepen, link-lists, retrospectives |
| Down-and-Across Highlighting (mey) | | 8 |
| css, tables, effects |
| No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (ana) | | 7 |
| sliders, css, sass, effects |
| Typography Manual | | 6 |
| typography |
| Invisible Ink Effect With SVG Filters and CSS (che) | | 5 |
| css, svg, filters, effects |
| Animated Border Gradient (shs) | | 4 |
| css, animations, gradients, effects |
| CSS Minimal Dark Mode Toggle Button | | 3 |
| toggles, effects, minimalism |
| The Entire Cascade (as a Funnel) (mia) | | 2 |
| css, cascade |
| Text Spacing Bookmarklet (ste) | | 1 |
| bookmarklets, typography, accessibility, wcag |
