Report Blog Entry
As of May 14th, 2024 for anyone who has updated Chrome - a massive bombshell of a feature has been implemented which indirectly is relevant for SpaceHey.
The new CSS anchor positioning API allows for elements to be positioned relative to other elements, but the awesome thing is this allows for elements to break free of their bounding box with the use of absolute positioning while also allowing them to be relative to any other element globally.
What this means is that not only can you write very detailed tool-tips for your profile with custom elements you embed in your blurbs, but theoretically you can bind elements on your profile to each other for some awesome results.
(The above image is of a left column and right column element being next to each other!)
This will have so many cool possibilities attached to it!
Imagine having your contact section next to your profile picture and have it appear on hover, or have it occupy the inside of your blurbs! Hopefully the small number of developers on here see this and go wild, thanks for checking out my first actual tech blog and feel free to give some kudos. Credits to this article for alerting me to this.
Also fair warning this only is on chromium browsers on the latest version, Safari and Firefox do not have this yet.
Comments
Displaying 2 of 2 comments ( View all | Add Comment )
razvan
I'm jealous since I'm using Firefox on a Mac. I switched to Firefox due to Google rolling out Manifest V3, which renders all ad blocking extensions useless (or non functional). This is happening right now, so this will eventually affect you if you have an ad blocker. Firefox is not made using Chromium, so I won't be affected.
).
This comes at the cost of not receiving cool HTML technologies and not enough Chrome extensions (I remember when there was a time where Firefox users could install Chrome extensions
You win some, you lose some.
I mean, it's gonna be in Firefox eventually.
See github issue here.
by Pawtals!; ; Report
Pawtals!
I'm gonna clarify here that the reason why this is so important is cause it's global. And it acts as if your element is a child of the one you're anchoring it to. Although some behaviors like % dimensions are still based on the actual ancestor that it is truly relative to.