CSS by T. Afif
@css-only.dev
yet another grifter making money (using ads) with other people works 😑
January 12, 2026 at 7:33 AM
yet another grifter making money (using ads) with other people works 😑
The fixed dimensions are just the initial configuration as I am adding a resize to update them later. My intention wasn't to use fixed sizes.
January 11, 2026 at 12:30 PM
The fixed dimensions are just the initial configuration as I am adding a resize to update them later. My intention wasn't to use fixed sizes.
Chrome-only (maybe safari as well) using unit division: codepen.io/t_afif/pen/W...
Untitled
...
codepen.io
January 11, 2026 at 11:10 AM
Chrome-only (maybe safari as well) using unit division: codepen.io/t_afif/pen/W...
Good to know!
I have 50 crashes there 👀
I have 50 crashes there 👀
January 11, 2026 at 9:15 AM
Good to know!
I have 50 crashes there 👀
I have 50 crashes there 👀
Two more bugs while I am on it
issues.chromium.org/issues/47481...
issues.chromium.org/issues/47482...
issues.chromium.org/issues/47481...
issues.chromium.org/issues/47482...
Chromium
issues.chromium.org
January 11, 2026 at 9:08 AM
Two more bugs while I am on it
issues.chromium.org/issues/47481...
issues.chromium.org/issues/47482...
issues.chromium.org/issues/47481...
issues.chromium.org/issues/47482...
And another cool property that I am sure will be underrated in the future is position-area that can simplify the code.
You won't need calc() and you can easily switch between the different positions
demo: codepen.io/t_afif/pen/r...
You won't need calc() and you can easily switch between the different positions
demo: codepen.io/t_afif/pen/r...
January 8, 2026 at 7:47 PM
And another cool property that I am sure will be underrated in the future is position-area that can simplify the code.
You won't need calc() and you can easily switch between the different positions
demo: codepen.io/t_afif/pen/r...
You won't need calc() and you can easily switch between the different positions
demo: codepen.io/t_afif/pen/r...
css-tip.com
January 7, 2026 at 2:10 PM
also the new calc-size() for the future: codepen.io/t_afif/pen/q...
Twice width/height
...
codepen.io
January 6, 2026 at 11:59 AM
also the new calc-size() for the future: codepen.io/t_afif/pen/q...
1fr of grid can do it. If one row/column have content, the others (even if empty) will get the same dimension
codepen.io/t_afif/pen/j...
codepen.io/t_afif/pen/j...
Untitled
...
codepen.io
January 6, 2026 at 11:37 AM
1fr of grid can do it. If one row/column have content, the others (even if empty) will get the same dimension
codepen.io/t_afif/pen/j...
codepen.io/t_afif/pen/j...
Another idea by @anatudor.bsky.social 👇
Because I saw a @codepen.io demo creating a hex grid using my well over a decade old nested and reverted transforms technique to get the shape + MQs...
Here's a super simple modern #CSS grid + clip-path + mathematical functions responsive version with no breakpoints codepen.io/thebabydino/...
Here's a super simple modern #CSS grid + clip-path + mathematical functions responsive version with no breakpoints codepen.io/thebabydino/...
January 6, 2026 at 10:39 AM
Another idea by @anatudor.bsky.social 👇