The LH unit in CSS is cool! In my new article, I wrote about it and shared my favorite demos. ishadeed.com/article/lh-u...

The LH unit in CSS is cool! In my new article, I wrote about it and shared my favorite demos. ishadeed.com/article/lh-u...

A friendly reminder that I have a course on CSS layouts! Check it out and use "JUL26" to apply a $20 discount (Valid until July 31). 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.

thelayoutmaestro.com

A friendly reminder that I have a course on CSS layouts! Check it out and use "JUL26" to apply a $20 discount (Valid until July 31). 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.

thelayoutmaestro.com

Now I know why my demo with flex-wrap: balance is suddenly working on Chrome stable! Niice 🤩

Una Kravets@una.im · 2w ago

Did I mention that `flex-wrap: balance` landed in Chrome stable last month!? 👀👀👀

I wrote about how to build a sport standings layout with grid and subgrid. If you haven't learned subgrid yet, this might be a good use case to see how it works! ✨ ishadeed.com/article/fifa...

Ahmad Shadeed@ishadeed.com · 2w ago

✍️ New Article: Rebuilding FIFA Standings Layout with CSS Subgrid I rebuilt FIFA’s standings layout with CSS Grid and subgrid. It starts with the layout problem, then moves into the final solution, with interactive examples along the way, as usual! 🔗 ishadeed.com/article/fifa...

✍️ New Article: Rebuilding FIFA Standings Layout with CSS Subgrid I rebuilt FIFA’s standings layout with CSS Grid and subgrid. It starts with the layout problem, then moves into the final solution, with interactive examples along the way, as usual! 🔗 ishadeed.com/article/fifa...

Rebuilding FIFA Standings Layout with CSS Subgrid

A look at how to rebuild the FIFA standings layout by using CSS grid, subgrid, and more.

ishadeed.com

I decided to launch the new design for my CSS lab while it's a work in progress. It's still not perfect on mobile, but here we go. I attached the current live result plus a behind the scenes look from the Figma file. lab.ishadeed.com I will use this as the home for any new CSS experiment.

📝 New CSS Article! I wrote about border-shape. A super powerful feature! You might think I'm exaggerating but I am not. css-tricks.com/get-ready-fo... This is just a tiny overview of its potential. Stay tuned for more articles/demos that will blow your mind (I am still not exaggerating!)

Get Ready For the Powerful CSS border-shape Property!

We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property!

css-tricks.com

Just published a blog post about the new CSS Anchor Positioning API! ⚓ I’ve been learning about it over the past few weeks, and it’s friggin’ great, but it also took me a minute to really get the hang of it. My goal in this post is to share the most useful bits, so you can start using it today. 🔥

Getting Started with Anchor Positioning • Josh W. Comeau

For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another element, for things like tooltips and nested menus. The CSSWG has decided to provide a...

joshwcomeau.com

I've given my website a bit of a refresh, using Temporal and CSS color-mix to change the background colour depending on your time of day localghost.dev/blog/time-ba...

Time-based background colour transitions with Temporal and CSS color-mix - localghost

A visual refresh with a background that changes colour according to the time of day, using the new Temporal API along with CSS custom properties that blend into each other.

localghost.dev

This hits hard. I sometimes ask myself what I'm doing? Then go back to work again, and so on (this is about public stuff like the blog, the upcoming lab design, course content, etc). Freelancing-wise, things are harder now. Though, I have no option but to keep going and trying in this new world.

⭑ salma@whitep4nth3r.com · last mo.

Hi, friends. The last 6 years have been a blast, but I just don't like being on The Internet anymore. I'm leaving DevRel, and I wrote a little bit about why. Look after yourselves, and each other. Love, Salma

Good morning everyone! ☕

New Blog Post: “Do Websites Need to Function Exactly the Same on Every Platform?” www.bram.us/2026/06/21/d... (Betteridge’s Law of Headlines applies)

Do Websites Need to Function Exactly the Same on Every Platform?

While we’ve accepted that websites don't need to look the same everywhere, we seem to be stuck on a new hurdle: the idea that websites need to function the same everywhere.

bram.us

Looking forward to this in Firefox!

IntentToShip@intenttoship.dev · last mo.

Gecko: Intent to Ship: sibling-index() and sibling-count()

In these times, a newsletter still feels personal. I wrote a short thought on something I did in CSS lately, sharing it in the next issue! (going out in 40 mins). Subscribe for the latest on CSS and design. buttondown.com/ishadeed

iShadeed

Hello, this is Ahmad Shadeed. I work at the intersection of design and code. I usually publish CSS articles on ishadeed.com, defensivecss.dev, and rtlstyling.com. This newsletter is a place where I ca...

buttondown.com

Another thought while working on this. I'm solving problems that look simple, but require care and thinking. I'm confident to say that LLMs won't be able to figure this out, as it's solely depend on your CSS knowledge. I will compile all those thoughts and share them as an article or a video.

Ahmad Shadeed@ishadeed.com · 2mo ago

Working on my wife's portfolio website and solved a design problem by using CSS round(). This is a less used yet very useful function! Here is my article about it, and will update it soon with a new use case: ishadeed.com/article/css-...

Working on my wife's portfolio website and solved a design problem by using CSS round(). This is a less used yet very useful function! Here is my article about it, and will update it soon with a new use case: ishadeed.com/article/css-...

Better fluid sizing with round()

Using the round() function to get a more predictable fluid sizing.

ishadeed.com

100% this. I always think about how the DevTools doesn't reflect the CSS features we have today. It's limiting..

Patrick Brosset@patrickbrosset.com · 2mo ago

Yes, surfacing more diagnostics in DevTools is key. It's sad to see DevTools teams so short on staff across browsers, and "intent" emails sent without proper debuggability plans. A feature doesn't exist if it's not documented, but really, it also doesn't exist if it's not debuggable.

I felt that my email newsletter delivery isn't as before, so I asked people to reply if they got my email. So far, the stats are: Total subs: ~3300 Replies: 44 Open rate: 48% Click rate: 7% More than ever, email is an important asset these days and glad that I'm back into it.

Prop For That 📣 An a-la-carte #JS library for #CSS developers that writes meaningful realtime CSS variables to an element: - value of an input - pointer position - size of scrollbar(s) - colors in an image/video - element's visibility - tons more… nerdy.dev/prop-for-that

Prop For That

Everything JS knows, now CSS knows.

nerdy.dev

Excited about my new lighting setup! 🤩 I've been wanting to make videos for a while about CSS and design. What would you actually want to see first? 📹

Now that I attended #CSSDay last year, the FOMO is much higher compared to previous years. Enjoy it, everyone!

Our video covering everything new for web developers in Safari 27 is now up and it's all about ✨quality✨. BUT we got some fun stuff for you too -- Grid Lanes, Customizable Select, the <model> element, and more. Check it out ❤️ developer.apple.com/videos/play/...

What’s new in WebKit for Safari 27 - WWDC26 - Videos - Apple Developer

Explore what's new in WebKit — from Grid Lanes and Customizable Select, to HTML Model and Immersive Environments, and the latest for Web...

developer.apple.com

Oh, this brought back memories! I remember when I was following Photoshop tutorials to replicate the Sony logo when I was 14 😄

Vale@vale.rocks · 2mo ago

Eh, close enough. Welcome back Sony Ericsson. #WWDC

Go take the State of CSS 2026 survey if you have a minute! survey.devographics.com/survey/state...

State of CSS 2026

Take the State of CSS survey

survey.devographics.com

Reading this kind of feedback is really helpful and encouraging! 🙏🤩

Lennie@drgs100.bsky.social · 2mo ago

The web is still good whilst people make useful things like this ishadeed.com/article/rang...

One of the downsides of AI-ing everything is losing the fun of creating, making (silly) mistakes, taking the time to finish the job properly. I treat AI as a side tool to help when I need, but I still want to enjoy creating at my own pace, not faster.

I turned 34 today! 🎂

Last day ⏰

Ahmad Shadeed@ishadeed.com · 2mo ago

It's been two months since I launched The Layout Maestro interactive CSS course. For Eid, I'm running a $25 discount through Sunday, May 31. If you've been keeping the course on your radar, this is a good week to enroll in the course. thelayoutmaestro.com