3 ms·
From a "I think it's more technical" to "I think it's less technical" order: * This website uses fullPage.js [1], which is a widely used javascript library for
by PetitPrince 9y ago
From a "I think it's more technical" to "I think it's less technical" order:
* This website uses fullPage.js [1], which is a widely used javascript library for such full screen presentation (for instance Apple use it in their Mac Pro promo page [2]). You can get around it's API if you know a little HTML and a little javascript, but it's still a lot of manual work. And the neatier features are locked behind a (totally justified) paywall.
* One neat generator I know is Jack Qiao's Expose[3] which he mainly uses in his travel photography website [4]. Check out those sweet cinemagraphs ! Unfortunately it is a command-line program which may be a bit obtuse to non-developer (especially on Windows), and the text placement has to be set manually
* Shameless plug: as a side project, I made a clone of Expose in Python [5] (demo [6]) with no video support but explicit Markdown support (so you can embed maps, youtube videos and others ). It's still a command line app, but I'm working on a second version that uses Electron and has a more WYSIWYG approach. It is still very much a side project though.
* You could look at some web-based presentation framework. Slid.es [7] is an WYSIWYG builder for the reveal.js library [8]. It's mainly used for Powerpoint-ish presentation (ex. [9][10]), but with a touch of creativity you can do neat thing, like this portfolio [11].
[1]: https://alvarotrigo.com/fullPage/ https://alvarotrigo.com/fullPage/
[2]: https://www.apple.com/mac-pro/ https://www.apple.com/mac-pro/
[3]: https://github.com/Jack000/Expose https://github.com/Jack000/Expose
[4]: http://jack.ventures/ http://jack.ventures/
[5]: https://github.com/PetitPrince/pyxpose https://github.com/PetitPrince/pyxpose
[6]: http://petitprince.github.io/pyxpose-demo/gallery.html http://petitprince.github.io/pyxpose-demo/gallery.html
[7]: https://slides.com/ https://slides.com/
[8]: https://github.com/hakimel/reveal.js https://github.com/hakimel/reveal.js
[9]: http://motivate.slides.com/motivateco/deck-8-9#/ http://motivate.slides.com/motivateco/deck-8-9#/
[10]: https://ourworldindata.org/slides/world-poverty/ https://ourworldindata.org/slides/world-poverty/
[11]: http://ianspiro.com/portfolio/ http://ianspiro.com/portfolio/
EDIT: Whoa, paradite mentionned Pageflow. This seems really neat !
- paradite 9y agoThere was a huge discussion of scrollytelling (company creating propitiatory interactives with Pageflow) accusing Al-Jazeera of using their code: https://news.ycombinator.com/item?id=12524998 https://news.ycombinator.com/item?id=12524998 https://www.scrollytelling.io/al-jazeera.html https://www.scrollytelling.io/al-jazeera.html That's when I learnt about Pageflow.
- iamjeff 9y agoHi paradite. Pardon the late reply, I have set up fairly aggressive noprocrast settings which means that I am not always in a position to reply immediately. Pageflow is especially neat: the pages load fast, the pricing is friendly, and the company can self-host the page. Thank you for taking the time to reply- will be checking this out with my buddy over the weekend. PetitPrince also provides appealing options, some more noob friendly than the others... I will take the time to download the git repos and see just how successful I can be installing/deploying the code. All in all, thank you guys for reaching with helpful suggestions.