*"Regardless of where it is in the DOM."*
Isn't it cool how many HTML and CSS features free us from awkwardly constrained DOM order and position?
• `:has()` — Select any element based on any other element in CSS up and down the DOM.
• Anchor Positioning — Position any element based on any other element, up and down the DOM.
• Popover/Dialog — Put these wherever, it doesn't matter, they will rise to the top and be visible no matter where they are in the DOM.
Will it make us sloppy? Nah.
Chris Coyier /
npub1vp…et94n
2024-09-09 22:07:30
Author Public Key
npub1vpd9m43x7234y73kavn5r89r5uljrnqqr23duftrx2vhn0x4u76qdet94nPublished at
2024-09-09 22:07:30Event JSON
{
"id": "e630751c09fb2820e1941cfe563b7fb18ccb83b6b7b778c7caedb734dce7e634",
"pubkey": "605a5dd626f2a3527a36eb27419ca3a73f21cc001aa2de2563329979bcd5e7b4",
"created_at": 1725919650,
"kind": 1,
"tags": [
[
"proxy",
"https://front-end.social/users/chriscoyier/statuses/113109870215454454",
"activitypub"
]
],
"content": "*\"Regardless of where it is in the DOM.\"*\n\nIsn't it cool how many HTML and CSS features free us from awkwardly constrained DOM order and position?\n\n• `:has()` — Select any element based on any other element in CSS up and down the DOM. \n• Anchor Positioning — Position any element based on any other element, up and down the DOM. \n• Popover/Dialog — Put these wherever, it doesn't matter, they will rise to the top and be visible no matter where they are in the DOM. \n\nWill it make us sloppy? Nah.",
"sig": "8043efad0f619e9debb5abe2fa233548d029fe12bf409c33eeb3cd76cf96f4d363f80baa6c21a244b58572c1fd0eb56fb864f3b2e16c574a00081e158dde8465"
}