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 1 of 1 comments ( View all | Add Comment )
MOCHACUP
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.