http://kenji.blog/en/tags/presentation/Recent content in Presentation on kenji.blogHugo -- gohugo.ioenkenjinoteThu, 06 Apr 2023 23:23:46 +0900http://kenji.blog/en/p/html%E3%81%A7%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E8%B3%87%E6%96%99%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95reveal.js/Thu, 06 Apr 2023 23:23:46 +0900http://kenji.blog/en/p/html%E3%81%A7%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E8%B3%87%E6%96%99%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95reveal.js/<img src="http://kenji.blog/p/html%E3%81%A7%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E8%B3%87%E6%96%99%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95reveal.js/img.png" alt="Featured image of post How to make a presentation with HTML (reveal.js)" /><h1 id="how-to-make-a-presentation-with-html">How to make a presentation with HTML </h1><p>reveal.js is a presentation creation tool using HTML and Markdown, with the following features:</p> <ul> <li>A variety of presentation features such as mathematical formulas, animations, and swipe operations</li> <li>Customizable themes and layouts</li> <li>Navigation features compatible with multiple devices such as mice, keyboards, and touchpads</li> <li>Advanced features such as automatic slide playback and video embedding</li> <li>Can be exported in PDF format</li> </ul> <p>With these features, users can easily create interactive and engaging presentations.</p> <h1 id="how-to-install-and-use-revealjs">How to install and use reveal.js </h1><p>The easiest way to use it is to download the entire ZIP from the following page and extract it.</p> <ol> <li>Open <a class="link" href="https://revealjs.com/installation" target="_blank" rel="noopener" >https://revealjs.com/installation</a> and download <code>master.zip</code> from the link</li> <li>Open index.html in the extracted folder in a browser</li> <li>Rewrite index.html to create your own presentation</li> </ol> <ul> <li>You can use demo.html as a reference since it contains HTML code for a demo.</li> </ul> <h1 id="use-cases">Use Cases </h1><p>The presentations you create can be published as web pages as is, or exported as PDFs. Also, since the source of the presentation is text, it is easy to manage it with a version control system.</p> <p>It seems you can also create presentations in Markdown format.</p> <h1 id="references">References </h1><ul> <li><a class="link" href="https://qiita.com/Targityen/items/40ae4795e2cb77c1adc6" target="_blank" rel="noopener" >Let&rsquo;s use reveal.js for future presentations</a></li> <li><a class="link" href="https://qiita.com/jkjoluvjlajelljicvjzojieoaid/items/01cd7ff819bc2e69b652" target="_blank" rel="noopener" >List of Markdown Notation Samples</a></li> </ul>