Simple Responsive Presentation Library – Talkie.js

Category: Javascript , Recommended , Slider | October 5, 2018
Author: ahomu
Views Total: 1,509
Official Page: Go to website
Last Update: October 5, 2018
License: MIT

Preview:

Simple Responsive Presentation Library – Talkie.js

Description:

Talkie.js is a simple yet robust JavaScript library that lets you create responsive, accessible, customization presentation slides.

Main features:

  • Markdown support
  • Code highlighting
  • Responsive scaling
  • FullScreen mode (press F)
  • Pointer mode (press B)
  • Progress indicator
  • Custom key binding & control

Basic usage:

Install the Talkie.js and import it into your project.

$ npm install talkiejs

Or directly include the Talkie.js’ files on the html page.

<link rel="stylesheet" href="dist/talkie.min.css">
<script src="dist/talkie.js"></script>

Add your own slides to the presentation.

<!-- Pure HTML style -->
<section layout>
  <h1>Slide 1</h1>
</section>

<!-- Markdown style ( require `type` attribute ) -->
<script layout type="text/x-markdown">
# Slide 2
</script>

<!-- You can also use `<template>` element -->
<template layout type="text/x-markdown">
# Slide 2
</template>

Initialize the Talkie.js and done.

Talkie();

Possible options with default values.

Talkie({
  api: false,
  wide: false,
  control: true,
  pointer: true,
  progress: true,
  backface: true,
  canvas: true,
  notransition: false,
  linkShouldBlank: false
});

Changelog:

10/05/2018

  • v0.13.0-beta.0

You Might Be Interested In:


Leave a Reply