Just clone it from github and start building
It starts with a really simple gulp configuration to let you speed up your development process, you will find connect, to start a web browser, gulp-sass and autoprefixer to give superpower at your css. (Man, I love sass! And if it comes with autoprefixer... Just can't get enough.).
Basically all you need to do is: Download or clone the project from github, run npm install to have your npm ready and start coding!
The html structure is easy.
You will find a header with a div to let you add your logo and a simple navigation on the right.
Then you have a div with class content where you should put all the content that your page will need and a script section at the end.
The header is where the magic happen, links there have an EventListener added to let the navigation appify.
Basically when you request a new page from a link in the header section instead of a normal http request you will fire an XMLHttpRequest (vanilla js for ajax). Appify will get the body part of the page, it'll cut the header section and the script section and the .content section of the page requested will replace the first one
What are you waiting for? Check the live example on github pages: http://dbertella.github.io/appify/
- Make possible to inlcude external scripts
- Change page title with the .content
Tell me what you think @_denb