Email or username:

Password:

Forgot your password?
4 posts total
Ahmad Shadeed

✍️ Solved By Modern CSS: Feature Image

In my latest website design, I needed to use a feature image. Learn how I used container queries, clamp(), and :has() to build the responsive component.

πŸ”— Read it here: ishadeed.com/article/modern-cs

Ahmad Shadeed

πŸš€ New Interactive Article: Overflow Clip

Explore how overflow: clip works in CSS and see why it’s useful with practical examples and demos.

ishadeed.com/article/overflow-

Nathan Bottomley

@shadeed9 I’ve been a teacher for over thirty years and I’m always so impressed by how clear, systematic and comprehensive your explanations are. Thank you, Ahmad.

Ahmad Shadeed

🚨 New Price Alert!

I’ve dropped the price of my book from $39 to just $19.99 to make it accessible to a wider audience! πŸŽ‰

Level up your CSS debugging skills πŸ” and get your copy today.

www.debuggingcss.com

Ahmad Shadeed

πŸŽ‰ I'm happy to publish a new interactive guide about CSS :has() selector.

The guide includes *tons* of visual and interactive demos that teach you everything you need to use :has() today.

ishadeed.com/article/css-has-g

Happy reading!

A figure that shows a website header
Delete modal
A visual demo that showcase the usage of :has() to control a shelf with books.
A demo that shows how to use the value of a checkbox without JS.
Show previous comments
Ondrej Sevcik

@shadeed9 great article!

It's great to see that many use cases that required UI framework before can now be achieved with pure CSS only.

Scott Martin

@shadeed9 This is so useful and delightfully implemented, thanks a lot!

Daniel

@shadeed9 This is the 2nd post I'm stumbling upon and reading back to back (the other one on target sizes) and it's of such high quality - again - I can't believe you're putting them out there just like that 😍 🀌✨

Go Up