-
-
Notifications
You must be signed in to change notification settings - Fork 4
Including external files and Hype extensions
Max Ziebell edited this page Dec 19, 2019
·
9 revisions
This is an overview on ways to include external files (JavaScript, CSS etc.) and Hype Extensions into your Hype project.
Using jsDelivr's global Content Delivery Network (CDN) has some benefits. It is the current delivery network of choice used by Tumult Hype to deliver the Hype Runtime when using the CDN option in extend export.
- delivery speed and load balancing across mirror site around the globe
- external server dependency (although in most cases a CDN beats personal hosting)
- currently it is a free service but it includes the risk of maybe costing money or being shut down one day
In the following example we are going to include the Hype Extension Hype MissingSelectors by copying the following HTML into the head section of our project.
<script src="https://cdn.jsdelivr.net/gh/worldoptimizer/HypeMissingSelectors/HypeMissingSelectors.min.js"></script>
Optionally you can also link a SRI version or specific releases. Read more about that on the JsDelivr (CDN) page for this extension at https://www.jsdelivr.com/package/gh/worldoptimizer/HypeMissingSelectors
- Choose another topic from the sidebar
- Visit the topic index
- Return to the welcome page
- Learn about contributing
- Consider making an one-time donation
- Visit the landing page for this project
- Accessibility in Hype
- Quick iterations as the secret to progress
- Using querySelector
- Test an elements class name using classList and contains
- Including external files and Hype Extensions
- Fetching hypeDocument from within a rectangle
- Extend the functionality of Hype using Export Scripts
- Using external editors
- Embedding Hype documents into third-party services
- Accessing external APIs from Hype Previews
- Manually include resources in document head
- Manipulating scene height
- Extension template