CSS regions: a history | Bruce Brotherton

I have a vague memory of CSS Regions being talked about, but had completely forgotten them. It turns out that's likely because the spec has effectively been pulled. I think it's technically still out there, but IE11 is the only browser that still has any compatibility with them, so you can effectively treat it as DOA. That's a little bit of a shame, as I quite like the idea of being able to flow content between sections of a page, but Bruce does a good job of highlighting why it didn't work out and what a future second attempt might do better.

On the positive use-cases for Regions:

Some mobile navigations that we see on the web are a duplicated version of the desktop navigation, Regions will give us the ability to flow them instead of duplicated the general structure
The basic idea was to move things from the sidebar into specific regions throughout the content and then making the asides and ads more content aware for smaller screens.

On their downfall (one of the reasons that Safari and Google both pushed to remove them from browsers as the mobile web took off):

Magazine layouts on the web, while they look cool - would inhibit a user from finding what they were looking for in the first place.

Explore Other Notes

⬅ Newer

It's just a joke!

Some very clear criticisms of the whole "comedy shouldn't be censored" mentality. Comedy absolutely should not be censored, but it should be able to be critiqued. As Thought Slime puts it, (some) […]

Older âž¡

White liberal performative art

An inciteful, well written, and intensely interesting (and important) look at media trends within modern white, liberal culture, focused around Bo Burnham's Inside but touching on a […]
  • I have a vague memory of CSS Regions being talked about, but had completely forgotten them. It turns out that's likely because the spec has effectively been pulled. I think it's technically still out […]
  • Murray Adcock.
Journal permalink

Made By Me, But Made Possible By:

CMS:

Build: Gatsby

Deployment: GitHub

Hosting: Netlify

Connect With Me:

Twitter Twitter

Instagram Instragram

500px 500px

GitHub GitHub

Keep Up To Date:

All Posts RSS feed.

Articles RSS feed.

Journal RSS feed.

Notes RSS feed.