Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/levelupjosh-dev/fuse-fetch

Allows including HTML, and CSS files into an existing HTML page. Allowing for nested modular HTML with no other dependencies. Utilizes a custom web component along with all vanilla JS.
https://github.com/levelupjosh-dev/fuse-fetch

css fetch html html5 js webcomponents

Last synced: about 2 months ago
JSON representation

Allows including HTML, and CSS files into an existing HTML page. Allowing for nested modular HTML with no other dependencies. Utilizes a custom web component along with all vanilla JS.

Awesome Lists containing this project

README

        

# fuse-fetch

Fuse-fetch the simplist way to add HTML, CSS resources to your application nested with vanilla JS

---

## Example
![carbon (2)](https://user-images.githubusercontent.com/23381860/200898955-20212299-f7c8-441c-a251-376e7e88afe7.png)

To use this functionality simple include the node package as a script to the head fo your index.html and/or base html file. From there just utilize the new html tag to do a include of a resource

#### Basic Usage
![carbon (1)](https://user-images.githubusercontent.com/23381860/200889827-db6c734a-17ae-4bbc-9ba9-15e591d0b8c9.png)

#### Resource Failed to Load Example
the example here will not cause the rest of your application to fail. Each fuse-fetch manages errors within the component and applies helpful error messaging to the element attributes as can be seen below. This means that indvidual modular sections of your site can/could fail to load for various reasons however the docuement load and the future fuse-fetch will process as normal.

![carbon](https://user-images.githubusercontent.com/23381860/200889776-3d65a85f-0c8b-4721-bd64-3231ce067629.png)