Arrowhead

A vanilla JavaScript helper to parse JSON into CSS. Formerly known as JOSH.

Why using Arrowhead?

Arrowhead is a great helper for any web-project which uses CSS. With Arrowhead you can include your CSS either as JSON or as a string right into your HTML or JavaScript without having an additional server-request for your CSS. The result is that you just have to keep track to fewer files and even the performance of your web-project benefits too.

Getting started

Requirements

None

Installing via npm

npm install arrowhead

Installing without npm

Download the latest release of Arrowhead here. Paste Arrowhead into your script and you are done.

Using Arrowhead with JSON

<script>
  /* Copy Arrowhead in your JavaScript! */

  Arrowhead.parse({
    "#foo": {
      "position": "fixed",
      "top": 0,
      "left": 0,
      "background": "#ddd",
      "width": "100%",
      "height": "4rem"
    },
    ".bar": {
      "color": "red",
      "background": "#808080"
    }
  });
</script>

Using Arrowhead with strings

<script>
  /* Copy Arrowhead in your JavaScript! */

  Arrowhead.parse("#foo{position:fixed;top:0;left:0;background:#ddd;width:100%;height:4rem;}.bar{color:red;background:#808080;}");
</script>

Versioning

I am using Semantic Versioning 2.0.0 for versioning. For the versions available, see the tags on this repository.

Authors

André Lichtenthäler (Bikossor) - Initial work

License

This project is licensed under the GPL-3.0 License. See the LICENSE file for more details.

Changelog

Version 1.0.2 (19th February, 2018)

[Added] Error messages

Version 1.0.1 (17th February, 2018)

[Improved] Security patch (Changed == to === and innerHTML to textContent)

Version 1.0.0 (8th February, 2018)

[Added] Auto-appending to either head or body (Default: head)
[Added] Support for css-string
[Improved] Error checking

Version 0.1.0 (27th November, 2017)

First introduction of Arrowhead

Bikossor/Arrowhead