Before anyone criticises this:

This was created for fun. It is not recommended that you use HTTTML in production for a major application, despite how well it may perform.

Fun experiment, wouldn't be surprised if someone uses it for a 404 page easter egg or something similar.

If you like the concept but in a more serious note, this is essentially http://polymer-project.org/

Finally I get to have my <hamburger> tag. phew

Isn't that just … XML?

You just switch the names of the tags, nothing big.

You can use any tag in your markup anyway. The browser still renders it.

http://codepen.io/anon/pen/BNRqNd

I wish this didn't require jQuery. :(

This doesn't really let you make custom tags like Polymer or Angular. It lets you use different names for existing tags and then swaps them out.

One idea to make it useful would be to be able to define html partials that get substituted in, so for example, <my-input label="Name"> becomes <label for="my-input">Name</label><input id="my-input" type="text">

I bet this grinds some gears for an SEO Analyst.