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.

ishadeed.com

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?

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

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...

IntentToShip@intenttoship.dev · last wk.

Blink: Intent to Ship: CSS random() function

✍️ 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.

ishadeed.com

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?

Great news! The CSS sibling-count() and sibling-index() functions are now Baseline Newly Available! I.e implemented in all major browsers.

sibling-count() and sibling-index() - Web platform features explorer

The sibling-count() and sibling-index() CSS functions return integers that are useful to style elements based on their positions among siblings or on the number of siblings, for example as part of a c...

web-platform-dx.github.io

That post represents me too 😅

Manuel Matuzović @matuzo.at · last wk.

I feel obligated to contribute my opinion to this very important debate we're all having at the moment because it keeps us up at night. The answer is, of course, 4 buttons: "dark", "light", "I don't care, I'm using the dark reader extension", and "I'm feeling lucky".

Being a father requires you to learn things you never imagined. For example, how to deal with a 9 month baby boy and a 5 yr girl. You want to play with the baby and provide the same, or even more, care to the 5.5-year-old. Sometimes I forget that and then feel bad afterward, but I'm learning. 😅

When you scroll a 2D scroller on the web, the browser may ignore some minor scroll deltas in the non-main scrolling axis when the user’s intent was to scroll only one axis. Sometimes this “railing” gets in the way … and with `scroll-axis-lock: none`, you can soon remove it 😊 brm.us/scroll-axis-...

I wish that Safari DevTools will make it easier to expand in DevTools. Currently, I must click on the arrow to expand/collapse an element or use the keyboard. In Chrome, I simply click on the 3 dots icon "..." and the section is expanded.

When using CSS gradients to build an unusual background pattern, do you often struggle to remember how color stops work, and end up looking up the syntax online?

This is a great post to read, lots of useful UX and usability thoughts. I like this approach.

Lea Verou, PhD@lea.verou.me · 4w ago

🔥 New blog post: Dark mode toggles that expose three states (system, light, dark) seem like the best option. Until you think about user goals, that is. Before rushing to disagree, hear me out. lea.verou.me/blog/2026/da... PS: As a data point, @jakearchibald.com was converted after reading this 😅

I wish @webdevs.firefox.com will enable scroll-driven animations by default this year. Please! 🙏

🎉 new post! Dynamic Colour Schemes With Modern CSS What magical CSS can we use to create not just a quick and dirty colour palette, but a whole colour scheme? Anogulous? Complementary? Triadic? It's all here! https://www.alwaystwisted.com/articles/dynamic-colour-schemes-with-modern-css 🙏🖤

Dynamic Colour Schemes With Modern CSS

A practical walkthrough of building dynamic, theme-aware colour schemes in CSS with custom properties, OKLCH, color-mix(), and contrast-color().

alwaystwisted.com

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 · last mo.

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 · 2mo 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 · 2mo ago

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 · 2mo ago

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