Tagged “css”
Year 2024 (1×)
CSS Wishlist 2024
My Wishlist for CSS in 2024
Year 2023 (3×)
(Updated )
Select an element which doesn’t descend from another in CSS
Avoid false positives when using :not() to exclude ancestors from a scope
A Future of Themes with CSS Container Style Queries
One way to implement themes on a website with style queries
Animate an SVG shape's inner stroke
Grow a stroke on an SVG shape but only covering the inner part
Year 2022 (3×)
(Updated )
Eleventy Asset Pipeline: Precompiled Assets without Gulp
Precompiled Sass and JS files that become part of the source folder.
CSS Grid with a preferred column count
Set up a CSS grid with a specific ideal number of columns.
Animate your z-index for cleaner hover effects
Clean up overlap animations on hovered elements
Year 2021 (2×)
Rotating floating animation with chained transforms
Using chained CSS transforms to get a rotation without rotating the element itself.
A DRY Approach to Color Themes in CSS
Using a CSS custom property trick to define themes variables only once.
Year 2020 (3×)
Inline lists with conditional separators
Only show a separator when two items are next to each other, and skip for new lines.
Building and maintaining components from utility classes in Eleventy
Use a collection of utilities to form components without additional CSS.
Modern Fluid Typography with clamp()
Get a more consistent sizing with viewport-based font sizing
Year 2019 (3×)
Breakout Container
Make a contained element span the entire horizontal space.
(fr) Une réinitialisation CSS moderne
Andy Bell propose un reset CSS adapté aux navigateurs modernes.
Contextual Utility Classes for Color with Custom Properties
Use the cascade to colour links in their context.