iiinova — where your digital self keeps evolving

Ahmad Shadeed @ishadeed.com · 28/09/2026

The Layout Maestro course is $30 off until Wednesday, 30th Sep. No code needed. Learn how to think about web layouts and decide which method to use and when. Check it out: thelayoutmaestro.com

thelayoutmaestro.com

The Layout Maestro by Ahmad Shadeed

Build any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.

056

Ahmad Shadeed @ishadeed.com · 27/09/2026

Thank you! I noted at the beginning of the article that the demos work in browsers that support scroll-driven animations and anchor positioning. Maybe I should move it to the very beginning to make it clearer.

a screenshot from the blog post shows a note about the demos: "The demos in this article work in browsers that support both scroll-driven animations and anchor positioning".

120

Ahmad Shadeed @ishadeed.com · 27/09/2026

Oh thanks for that! I'm still learning every day 😊

Ahmad Shadeed @ishadeed.com · 25/09/2026

Yeah, a great article indeed! There is still so much I need to explore with scroll-driven animations.

Ahmad Shadeed @ishadeed.com · 24/09/2026

Reposted by Ahmad Shadeed

✍️ New Article: Detect when elements overlap with CSS Can CSS tell when two elements overlap? At first, I thought this was not possible, but it turned out it can be done with scroll-driven animations and anchor positioning. ishadeed.com/article/css-...

Detect when elements overlap with CSS

Detecting when two elements overlap using only CSS anchor positioning and scroll-driven animations.

57419

Ahmad Shadeed @ishadeed.com · 25/09/2026

I feel that, but for me I try to use it wherever possible. Is there a specific part of anchor that isn't consistnet between Chrome and Firefox?

100

Ahmad Shadeed @ishadeed.com · 24/09/2026

Detect when elements overlap with CSS

Detecting when two elements overlap using only CSS anchor positioning and scroll-driven animations.

57419

Ahmad Shadeed @ishadeed.com · 22/09/2026

Yes, all of the requests I get doesn't consider it as paid work, it's more of a favor for them.

000

Ahmad Shadeed @ishadeed.com · 22/09/2026

I got multiple review requests for CSS projects/tools based on articles I wrote or other content from the web. And they are very clearly vibe-coded. Why should I care and spend time reviewing when the person on the other side didn't spend time writing it? Let the AI review it for you then. Big no.

4620

Ahmad Shadeed @ishadeed.com · 19/09/2026

Made cookies for this week and mainly for Alma's lunch box. 🍪 I used a combination of 100% + 64% dark chocolate, the taste is balanced and less sugary.

A top view photo on a counter top that shows a cookies try, and a paper dish on a scale.

A hand fully open with 3 cookies on it. In the background, there is a coffee corner, and a box full of rest of the cookies on a scale.

091

Ahmad Shadeed @ishadeed.com · 18/09/2026

Appreciate the feedback! 🤩

000

Ahmad Shadeed @ishadeed.com · 18/09/2026

That is lovely to hear! Thanks a lot 🙏

000

Ahmad Shadeed @ishadeed.com · 18/09/2026

I love publishing new content on my blog, and will keep doing so. It's a joy to share what you do with others. 💫

2342

Reposted by Ahmad Shadeed

Ahmad Shadeed @ishadeed.com · 15/09/2026

While working on a project, I paused a bit to style an icon + text. When the text is short, the icon is vertically centered. If the text wraps, the icon is aligned with the first line. ishadeed.com/article/alig... This is a result of using lh, aspect-ratio, height: auto, flexbox and more.

A screenshot from one demo shows controls for icon, font and list. In the middle, there is a checkmark icon next to "How to align an icon to a label".

7768

Nice one! Thanks for sharing.

Thanks! And yes, a simple thing should be straightforward to make.

000

I started with it but didn't get the result I want, though I didn't give it the enough time. Maybe it's solvable with trimming, not sure (yet) 😅

100

Ahmad Shadeed @ishadeed.com · 15/09/2026

Much better! Thanks for all you and team do.

050

7768

Ahmad Shadeed @ishadeed.com · 06/09/2026

Today is the beginning of 1st grade for Alma 💜 Kids grow up so fast! Just yesterday, we started kindergarten.

0140

Reposted by Ahmad Shadeed

Adrian Roselli, pH0 @aardrian.bsky.social · 27/08/2026

Updated my link + popover nav post: adrianroselli.com/2026/07/link... Now includes `flex-wrap: balance` for the navigation items thanks to Ahmad Shadeed’s post: ishadeed.com/article/flex... I am amazed how much new CSS I see, then forget, seemingly immediately. #CSS

Balancing flex items with flex-wrap: balance

A look at how flex items wrap and how to balance them across lines.

0164

Ahmad Shadeed @ishadeed.com · 29/08/2026

Great trick! It's crazy what a CSS finding can lead to! It introduced me to so many cool folks like you, who became online friends! 😀

030

Haha yes. You can also catch "edge cases" at the edges of each split 😂

just realized the screenshot has this ugly outline, I want to get it out of my head and made it quickly in FigJam, but at least it delivers the message :D

020

It looks like Chrome is displaying range syntax media queries by default now in Devtools when using `max/min-width` in CSS. I like that! But not sure how devs with no knowledge of range syntax will perceive it. Maybe a tooltip might help?

140

Yep! So many new (kinda) use cases.

Ahmad Shadeed @ishadeed.com · 26/08/2026

Split view is my favorite new feature in Chrome! Helps a ton when testing multiple viewport or container sizes.

370

Oh, can't wait to see the random() function in Chrome. I used 2 times in my lab category page! Check it out in Safari in case you are curious :D lab.ishadeed.com/container-qu...

Ahmad Shadeed @ishadeed.com · 25/08/2026

✍️ New Article: Balancing flex items with flex-wrap: balance I explored flex-wrap: balance and flex-line-count and really enjoyed using them. I even made a masonry layout by mixing flex-line-count, round, clamp, and container queries units! 😀 ishadeed.com/article/flex...

Balancing flex items with flex-wrap: balance

A look at how flex items wrap and how to balance them across lines.

36111

Ahmad Shadeed @ishadeed.com · 23/08/2026

I didn't check the feed for a few days, and I like getting back to see the status of the dark/light debate. What is the latest?

110

Ahmad Shadeed @ishadeed.com · 23/08/2026

That post represents me too 😅

Ahmad Shadeed @ishadeed.com · 19/08/2026

Not sure how the two colors are displayed (side by side or something else), but I can only see a single color.

100

Yes we felt that way back too! :D You are doing well, just enjoy it and everything else will follow.

I can see your point! Talking with the kid and explaining to them makes things a lot easier. Thanks Philip! 🙏

This is good to hear! I usually give a lot of time to the older one and she will start school soon so yes a busy life ahead. I will let it go and just try to live life with both of them. Thanks Dave!

Exactly, talking to the kid helps a lot! I will use that more when the time is right.

000