Lightnews — Scholar-powered news

LightNews

Ahmad Shadeed

@ishadeed.com

8K followers 160 following 730 posts

Building a CSS course: layoutmaestro.ishadeed.com. Design Engineer. Author of debuggingcss.com • Blogging at ishadeed.com. Made defensivecss.dev, rtlstyling.com, and a11ymatters.com. @GoogleDevExpert in Web UI. 📍 Tulkarm, Palestine.

Posts Media Videos Starter Packs

Pinned

Ahmad Shadeed @ishadeed.com · May 25

I’m working on a CSS course: The Layout Maestro.

👉 Sign up for updates: layoutmaestro.ishadeed.com

📓 Read the note: ishadeed.com/note/layout-...

The Layout Maestro

An interactive course focused on how to think, build, and test a layout with real-world examples.

layoutmaestro.ishadeed.com

Reposted by Ahmad Shadeed

CSS by T. Afif @css-only.dev · 5h

💡 CSS Tip!

A simple line of modern CSS to create a conditional Border Radius. The value will adjust based on either the container width or screen width.

css-tip.com/conditional-...

cc @ishadeed.com @una.im

The following CSS code:
.box {
border-radius: calc(sign(100cqi - 100%)*2rem);
}

Ahmad Shadeed @ishadeed.com · 2d

color-mix, round, light-dark, anchor, sibling-index, random, calc-size, if 🌟

I smiled when I mentioned them! What a time to write CSS 😊

Ahmad Shadeed @ishadeed.com · 2d

For me, I picked the function with the greatest practicality, which is clamp(). It’s like giving your responsive design a superpower.

I can’t think of any other CSS function that has as big an impact as clamp().

Bramus @bram.us · 2d

What are your favorite CSS functions?

Ahmad Shadeed @ishadeed.com · 2d

clamp() 👌

Ahmad Shadeed @ishadeed.com · 5d

Lovely to hear that! Thanks. Yep, having a coffee station is a good investment 😊

Ahmad Shadeed @ishadeed.com · 5d

Thank youuu 🙏😀

Ahmad Shadeed @ishadeed.com · 5d

Morning everyone! 🤩

A photo from my coffee corner showing a tale cup on a scale, with a tulip latte art.

Ahmad Shadeed @ishadeed.com · 7d

❤️🙏

Ahmad Shadeed @ishadeed.com · 7d

I updated macOS on a Friday night and i regret it (a lot). Veryy slow and sluggish! 😔

Some search led to this reddit and it's much better now!
www.reddit.com/r/MacOS/comm...

From the MacOS community on Reddit: PSA: macOS 26 bug leads to performance issues in many apps (with fix)

Explore this post and more from the MacOS community

Ahmad Shadeed @ishadeed.com · 7d

It works perfectly for me, and I’m able to get great shots with it. I do a manual pre-infusion of 8-10 seconds (the Default is 5-6) most of the times.

Ahmad Shadeed @ishadeed.com · 7d

Thanks! I got that from Aliexpress. It helps in pushing the stuck coffee.

Ahmad Shadeed @ishadeed.com · 7d

Did a makeover for my coffee corner today! It’s my first time installing a wood-grain countertop sticker, and it turned out great 🥳

Partially installed wood-grain countertop sticker.

Coffee corner setup with espresso machine and accessories on new wood-grain countertop

Ahmad Shadeed @ishadeed.com · 9d

Thank you ❤️

Ahmad Shadeed @ishadeed.com · 10d

I should've written "Start: Firefox. End: Chrome" to force logical thinking in everything 😆

Ahmad Shadeed @ishadeed.com · 10d

I got confused on why CSS grid areas are looking off in Devtools.

Turned out, it's a bug in displaying grid-area names when the layout is flipped (LTR vs RTL).

Left: Firefox. Right: Chrome.

I filed a bug: issues.chromium.org/issues/44815...

A grid inspected in Firefox, showing the correct behaviour.

A grid inspected in Chrome, showing the incorrect behaviour.

Reposted by Ahmad Shadeed

Chris Coyier @chriscoyier.net · 13d

Yup I blogged it!

Calling it a "starter" instead of a "reset" as it's not massively about stripping away styles.

I quite like it and I'm extra interested in thoughts/critique.

Ilja @fubits.dev · 14d

New css reset just dropped! This time by @chriscoyier.net frontendmasters.com/blog/the-coy...

The Coyier CSS Starter

A fairly opinionated CSS starter by Chris, following a set of personal principals to guide what is in there and what isn't.

frontendmasters.com

Reposted by Ahmad Shadeed

CSS Day @cssday.nl · 16d

... and if I were to ask you "Who would you like to see speak at CSS Day 2026", what would your answer be?

Name as many names as you like.
I'd like to hear about people who aren't that well known yet.

Ahmad Shadeed @ishadeed.com · 16d

Current status: breaking UIs so I can teach how to build them better in my layout course. 😀

Ahmad Shadeed @ishadeed.com · 18d

Yes! This is exactly what I’m advocating for in my upcoming CSS course 🤩

Adam Argyle @nerdy.dev · 18d

❌ mobile first
✅ container first

Ahmad Shadeed @ishadeed.com · 21d

Oh, that's interesting! Apple has a private CSS property for the Liquid Glass effect. 🤔

alastair.is/apple-has-a-...

Ahmad Shadeed @ishadeed.com · 24d

Are you curious about modern ways to build layouts with CSS? Check out my talk Smart Layouts, which I gave at CSS Day this June.

And if you’re organizing a conference or meetup and want me to present, I’d love to chat 😄

ishadeed.com/article/smar...

Smart Layouts (CSS Day - 06.06.2025) - Video & Slides

I spoke at CSS Day 2025 in Amsterdam about Smart Layouts.

Reposted by Ahmad Shadeed

Adam Argyle @nerdy.dev · 29d

Here's a #CSS study list, 100+ features to checkout from the past ~5 years.

There're surprises in here for even the most knowledgeable front-end developer!

nerdy.dev/cascading-se...

One List To Rule Them All · September 10, 2025

In the darkness may it bind us

Ahmad Shadeed @ishadeed.com · Sep 10

The UI mixer is so cool 🤩

Matthias Ott @matthiasott.com · Sep 7

It’s still a bit buggy and some things aren’t working properly, I suppose. And I also can’t wait to improve it and add more stuff to it now…

But hey: it’s alive!
🥳👀

matthiasott.com

· Matthias Ott

Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.

matthiasott.com

Reposted by Ahmad Shadeed

Tony Ward @tonyward.dev · Sep 9

@ishadeed.com's anchor positioning article is so good!

ishadeed.com/article/anch...

The Basics of Anchor Positioning

Learn the basics of Anchor Positioning in CSS

Ahmad Shadeed @ishadeed.com · Sep 9

Thanks a ton! I’m glad to hear that 🙌🏻