HAX - Headless Authoring eXperience

HAX is a decoupled authoring experience built in web components. Web components is a standard way of developers creating new HTML tags. It's a layer below traditional libraries and frameworks that gives us low-level property and tag capabilities that have standard life-cycles.

This means that developers can fundamentally change the way HTML operates while expressing it in a highly semantic tag structure.

Let's understand through a silly example

How HAX leverages this

HAX leverages this capability to express advanced functionality through a single tag in order to build itself. Ultimately, HAX is made up of dozens of complex new web component tags. In the end though. It shows up on the interface like . A single tag that cascades and unpacks a unique interface experience.

HAX also doesn't understand what it's editing though! It hasn't been built to say, understand the meme-maker tag above. It's been built to editthings  in a very general sense. If it's a custom element / DOM object, it could theoretically edit it... if it knew the directions. These directions are emitted from HAX capable elements when the editor sets itself up. The critical implication of this: 

HAX then gets integrated into other platforms by effectively managing the "body" / blob area that makes up the page. The visual assets produced that work with HAX can then be used anywhere in any website. This frees up your team to focus more on what they need to design and think less about the platforms that used to constrain them!