Would something like this help? (just a draft) about shadow-dom-in-depth HOT 7 CLOSED

Hi @Totemika . That's amazing ❤️
A visualisation like this will certainly be of great help for the terminologies part.

For this specific one, can we somehow show the shadow root to be inside of the host but still make it stand out as its own thing?

Example - Can we put a green circle inside the host element node depicting it as a walled thing inside the host and then showing the green tree, more like a zoomed in view of it?

from shadow-dom-in-depth.

Thank you! I wasn't expecting a positive answer! I will develop this idea during the week in my free time and post any updates on this thread. This is interesting 😄

from shadow-dom-in-depth.

@praveenpuglia wow, sorry I have totally forgotten this. I am noting it down to push it forward during the next days.

from shadow-dom-in-depth.

Hi @Totemika , did you get a chance to look at it? :)

from shadow-dom-in-depth.

I have no idea how to do the "like a zoomed in view". I am more aware of my underdeveloped design skills 🤣 I'm learning to use the Sketch app though by trying this out... Here is my next shot...

from shadow-dom-in-depth.

This is brilliant! LGTM the way you want to. You want to add these one by one for the different terminologies or all of them at once?

Seriously, this is lovely! :)

from shadow-dom-in-depth.

Hey @Totemika! Is this still on? This would be so cool to have. I guessed you may have been busy elsewhere. Any chance we can continue this ?

from shadow-dom-in-depth.