Issue #05: Step Gradients, CSS Gap, Clamp Calculator
Hey friends,
Welcome to the 5th issue of the ishadeed.com newsletter. The last email didn’t reach everyone due to a technical issue. If you received the previous email sent on June 26, some content will look familiar.
A link from around the web
Step Gradients with a Given Number of Steps by Ana Tudor
An interesting approach to building a step gradient in CSS when you know the two colors and the number of steps.
From the blog archive
The CSS Gap Interactive Guide
An interactive walkthrough of the CSS gap property, showing how powerful it is and how it helps us create flexible, adaptive spacing in our UIs.
CSS Tools
Min-Max-Value Interpolation
This is my top used tool when using the CSS clamp() function. With container queries, you can enter the min and max container width, swap vw with cqw and you're ready to do with container query units.
Speaking at CSS Day
On 6 June 2025, I spoke at the CSS Day conference in Amsterdam. My talk was about Smart Layouts and the slides are available here. Speaking at CSS day was something I wished to do in the last few years and I'm glad I did it.
It was a great experience meeting many online friends that I knew through CSS. What a great two days full of CSS wisdom!
That’s it for this issue. I’ve enabled comments via Buttondown, so feel free to reply or comment if you have thoughts or questions.
Thank you for reading.