Semantic UI

[cadorn]

http://semantic-ui.com/

I am wondering how the Semantic UI approach fits into the gutentags model. The Semantic UI model is very close to what I have been working on.

Semantic UI uses CSS selectors to locate widget functionality and state and exposes it to JS. It also has the idea of nested contexts. It feels nice to work with and the approach seems scalable yet functional.

Semantic UI could benefit tremendously from proper widget support and we need a base UI framework that is customizable and can scale to many nested contexts. It seems to fit the bill.

If we can figure out how to load a Semantic UI + Gutentags harness into a JS page and then allow for the nested loading of widgets each of which are self-contained (JS, HTML & CSS to customize for widget context) and snap them into the nested context that controllers declared in the parent/container widgets orchestrate.

So the litmus test is:

1. Load Semantic UI
2. Load a Gutentag widget that contains Semantic UI HTML, CSS & JS code and apply it to the widget context only. The CSS adaptation can wait as we can have some global CSS namespace prefixes hardcoded in widgets for now.

As each widget is loaded and inserted into the DOM, the Semantic UI hook to apply itself to the new DOM section must be run. Most of this happens using CSS and running jquery selectors to attach event handlers.

I think the above would be a good experiment that is easy to do and if it works the way I anticipate we have an amazing foundation for a completely customizable UI. I can then build a test suite and use-case examples that load in all kinds of exiting stuff.