Email or username:

Password:

Forgot your password?
Ahmad's posts Post Back to profile
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.
24 February at 14:55 | Open on front-end.social
8 comments
The Tenth Traveler

@shadeed9 I just quickly looked over this guide, but it is very well written and has a lot of great examples. Thank you for putting this together. Bookmarked!

24 February at 17:17 | Open on mastodon.social
dragfyre

@shadeed9 but the burning question is, can i :has(cheezburger)?

25 February at 4:56 | Open on mastodon.sandwich.net
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.

26 February at 12:49 | Open on hachyderm.io
Scott Martin

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

26 February at 13:07 | Open on front-end.social
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 😍 🤌✨

28 February at 17:17 | Open on chaos.social
Ahmad Shadeed

@djh Oh, thank you so much. It means a lot! 🙏

29 February at 6:53 | Open on front-end.social
Go Up