hax-body demo

HAX in the news

Open-source tool aims to make online course creation accessible to all instructors (Inside Higher Education)
HAX to revolutionize online course authoring in education technology (Penn State news)

Goals / Principles of HAX

Build a second to none authoring experience for content
Make web development accessible and free to all through well designed elements that empower all users to project their ideas on the web.
Produce incredibly accessible, high quality experiences without needing to understand HTML or have any inate technical ability beyond accessing a browser or desktop app and clicking edit.
Decentralize the world's knowledge by putting advanced knowledge production capabilities in the hands of everyone at no cost (100% open source, always).
Support Open Educational Resource (OER) initatives through the schematization (automatic or user defined) of every aspect of the core elements leveraged by HAX
Foster innovation through extensibility and pluggability, allowing any developer to take HAX and make it talk to their design assets.
Integrate with anyone, anywhere they'll have us. Be fun, be welcoming, be awesome.
Maintain forever portability and replicability of the world's knowledge by leveraging HTML / Web Components to power content production

Watch @btopro and @nikkimk talk HAX at DrupalCon Nashville (2018). Also make sure to bug @hey__mp and @cgldevel on twitter as all four of us make regular contributions to HAX.

Want to learn more? Here's a picture of the

Need more convincing?

This is Jonah Hill. He's been on my Netflix recently and can't stop freaking out about HAX. Go ahead, click him and see. He may look static right now for accessibility reasons but the second you select him I assure you he's going to wig out over...and over... and over again. Dude never drops his love for HAX.

Really? Still need more. Client endorsements, people love those!

And some actual additional useful links, why not, just for kicks.

I made this custom element called person-testimonial and now btopro won't stop using it. Now i'm trapped on the HAXtheWeb.org promo site.

Ok ok, I got one.

Let's write something cheezy like: "That's why I don't just use HAX, I'm a member too..."

Additional info on who and why this exists

HAX is built on a browser standard called Webcomponents. Its utilizing Polymer 1.x.x to do much of the heavy lifting. In the future we may move to Polymer 2 or 3 or StencilJS or pure web components. HAX "Gizmos" are able to interface with anything so long as it provides the right events and properties (single of each).

When I founded the hate-btopro club I never dreamed I'd be able to make a web component to represent it properly. Fortunately I'm an evil genius so..........

We make this even faster if you use polymer and anything that currently exists can be wired to work with HAX. There's a ton of tutorials and videos about wiring HAX into elements and typically it takes less then 5 minutes once you understand the spec. Check out our video-player tag for an example of the JSON required in order to have the element work with HAX.

We also make it easy to integrate any source of information with HAX via our App store specification. The "App store" aspect to HAX can most notabily be seen in the "Find something" section of the "Rich Media" viewer. Apps provide powerful data integrations with support for searching and uploading media to these apps. In the future we'll add additional apps out of the box as well as support for syncing details between sources.

Some sample things to import if you need more

            csv
            https://lrnwebcomponents.github.io/lrn-table/components/lrn-table/demo/demo.csv
          
            3d
            https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/Duck/glTF/Duck.gltf

          jpg
          https://www.elmsln.org/sites/redesign/files/styles/square-profile-portrait/public/img_1773-1-sq_720_1.jpg

          gif
          https://lrnwebcomponents.github.io/awesome-explosion/components/awesome-explosion/assets/explode.gif

          Video file
          http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4

Like "Oh, I'm a floating avatar on the website, buy our product" as if we even have a product anyway. We're just trying to fundamentally transform content production on the web