Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/levelupjosh-dev/fuse-fetch
- Owner: LevelUpJosh-dev
- License: mit
- Created: 2022-11-08T15:06:55.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2022-11-14T16:35:51.000Z (about 2 years ago)
- Last Synced: 2024-11-23T05:02:18.156Z (about 2 months ago)
- Topics: css, fetch, html, html5, js, webcomponents
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/fuse-fetch
- Size: 7.81 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
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)