Crazy idea: using custom HTML tag names for UI controls

Now that I have a break from my last job, I’ve been working feverishly on my new JavaScript app framework. Called Jo, one of the themes of the architecture is keeping the code simple by leveraging advanced CSS (finally) which is common among most modern browsers.

One of the issues I’ve run into with this approach in the past is the CSS gets thick with, basically, lots of div tags with classnames like “menubar” and “group”. I found this can make for some difficult maintenance, especially when working on cross-platform apps.

Worse, one of the first real apps I’m building with the new framework includes a searchable, indexed set of its own documentation. Cute thought, but hurdle one was: how the heck do I pull in HTML doc files with their interesting (and possibly themed) CSS without creating odd interference with my UI controls?

After some vexing