inlineresources

Inlines style sheets, images, fonts and scripts in HTML documents. Works in the browser.

inlineresources

Inlines style sheets, images, fonts and scripts in HTML documents. Works in the browser.

See the API.

Resources referenced in the document (CSS, images, fonts and JS) can only be loaded if from the same origin, unless techniques like CORS are used.

Yet to be supported:

  • Background images in inline style declarations (<div style="...">)
  • Media queries defined on link elements (<link rel="stylesheet" media="..." />)
  • Media queries defined on import rules (@import url("...") screen and (orientation:landscape);)
  • Future responsive img solution (<img srcset="...">)

For linting, tests and a browser build install Node.js and run

$ ./go

Check ./dist/ for the browserified builds.

Christoph Burgmer. Licensed under MIT. Reach out on Twitter.