Deck.js

Un vídeo

Una escena interactiva

¿Por qué ocurre?

• Los objetos cuánticos pueden describirse a través de una función de onda ψ(x,t)
• La función |ψ(x,t)|² representa la probabilidad de encontrar el objeto en un lugar concreto.
• Esta propiedad es pequeña, pero no nula, al otro lado de la barrera de potencial

The Markup

Las diapositivas son solo elementos HTML con una clase de slide.

<section class="slide">
  <h2>How to Make a Deck</h2>
  <ol>
    <li>
      <h3>Write Slides</h3>
      <p>Slide content is simple HTML.</p>
    </li>
    <li>
      <h3>Choose Themes</h3>
      <p>One for slide styles and one for deck transitions.</p>
    </li>
    …
  </ol>
</section>

Extensiones

Core le brinda funcionalidad básica de diapositivas con navegación de flecha izquierda y derecha, pero es posible que desees más. Aquí están los incluidos en este  deck:

• deck.goto: agrega una tecla de acceso directo para saltar a cualquier número de diapositiva. Presiona g, escribe el número de diapositiva y presione  enter.
• deck.menu: agrega una vista de menú, permitiéndote ver todas las diapositivas en una cuadrícula. Presiona m para alternar a la vista del menú, continúa navegando por tu deck y presiona m para volver a la vista normal.
• deck.status: agrega un indicador de número de página. (current/total)
• deck.scale: escala cada diapositiva para que quepa en el contenedor de la plataforma utilizando transformaciones CSS para los navegadores que las admiten.

Cada carpeta de extensión en el paquete de descarga contiene los archivos necesarios de JavaScript, CSS y HTML. Para obtener una lista completa de los módulos de extensión incluidos en deck.js, consulta la  documentación.