# Markdown Slides 2.0

No need to mess with PowerPoint anymore because, well, ain't nobody got time for that. You worry about the content and we'll make sure it looks great on any device. Now with syntax highlighting, MathJax support, and more.

presentation.md

presentation.md – Text Editor

  1. •
  2. •
  3. •
<!-- background: #e0e6ee -->
<!-- color: #000000 -->
<!-- font: frutiger -->

# Web Animations
Web Animations is a new JavaScript API for driving animated content on the web. 

***

## Example
```
var elem = document.querySelector(‘.pulse’);
var animation = elem.animate([
    {opacity: 0.5, transform: “scale(0.5)”},
    {opacity: 1.0, transform: “scale(1)”}
]);
```

***
<!-- background: #f8ebe5 -->
## Prefix handling
`var effect = new KeyframeEffect(elem, {“transform”: 
“translate(100px, 100px)”}, 2000);`

swipe.to – Hello World

  1. •
  2. •
  3. •

Web Animations

Web Animations is a new JavaScript API for driving animated content on the web.

Example

var elem = document.querySelector(‘.pulse’);
var animation = elem.animate([
    {opacity: 0.5, transform: “scale(0.5)”},
    {opacity: 1.0, transform: “scale(1)”}
], {
    direction: ‘alternate’,
    duration: 500,
    iterations: Infinity
});

Prefix handling

var effect = new KeyframeEffect(elem, {“transform”: “translate(100px, 100px)”}, 2000);

  • Web Animations

    Web Animations is a new JavaScript API for driving animated content on the web.

  • Example

    var elem = document.querySelector(‘.pulse’);
var animation = elem.animate([
    {opacity: 0.5, transform: “scale(0.5)”},
    {opacity: 1.0, transform: “scale(1)”}
], {
    direction: ‘alternate’,
    duration: 500,
    iterations: Infinity
});

  • Prefix handling

    var effect = new KeyframeEffect(elem, 
{“transform”: “translate(100px, 100px)”}, 2000);

## Syntax highlighting

You can now show code listings in Markdown slides and we automatically guess the language through HighlightJS.

  1. •
  2. •
  3. •
# Hello world

```
Array(8).join("swipe"-1) + " Batman";
```

Making Accessible Ember Components

Joshua Kelly, Uniiverse

## MathJax

Show beautiful math in your presentations and we make sure they’re readable on any device.

  1. •
  2. •
  3. •
## Beautiful math

***

$$ \[ \frac{-b\pm\sqrt{b^2-4ac}}{2a} \] $$

How to Analyse an A/B Test


Zahan Malkani, Facebook

## Simple templates

Our templates are a combination of colors and fonts. Use simple HTML comments to declare your templates in a presentation. You can pick from 16 beautiful fonts and a growing collection of pre-made templates.

  1. •
  2. •
  3. •
<!-- background: #fffa28 -->
<!-- color: #25a9ce -->
<!-- font: centurygothic -->

## Welcome to my presentation

たぶん普通のCPAN Module開発手法

ytnobody

## Responsive presentations

Markdown presentations in Swipe respond to the size of your screen. We make sure your text is perfectly legible on a phone as well as on a projector.

  1. •
  2. •
  3. •

Thank you for listening

Mr Bean

Thank you for listening

Mr Bean

# Powered by Swipe

Swipe is more than just a great way to make beautiful slides from Markdown. Collaborate on your decks with others, share privately, or present to anyone, anywhere, in real-time.