Iframe feedback
The concept of iframe feedback is very simple: a web document which shows an iframe with an url pointing to itself. If a script handles when the iframe is inserted in the document, the script can decide the delay between two frames (I mean the thing is called an iframe, at some point this had to be done). The rendering logic to blend the frames is up to each case.
more infos about the iframe feedback on my blog
What does this "iframe feedback" boilerplate does
- provides a dev environment out-of-the-box (you just launch it with a command and you can expriment with a local server)
- has already a clean starting point with the iframe insertion, as well as a solution to get a frame index using the location of the document
So basically, you follow the installation steps below, and you can play in the app/index.js
file.
Some stuff you may want to know
- The html entry point is
index.ejs
. It get turned in time into html code, you don't have to worry about that
Requirements
You only need node.js >=10.13.0
pre-installed and you’re good to go.
Installation
Clone this repo
$ git clone https://github.com/bcrespy/iframe-feedback.git your_folder
Remove the link between your folder and this repo
$ cd your_folder
$ rm -rf .git
Install dependencies
$ npm install
Development
Build the app in dev mode and run webpack serve with livereload and autocompile on http://localhost:8080/
$ npm run dev
Go to http://localhost:8080
Production
If you want to put your work online, run the following command and host the generated files in /dist
(a static files server will do the job).
$ npm run build
Credits
The original webpack boilerplate comes from https://github.com/cvgellhorn/webpack-boilerplate