md-slides

View Github Repository Open presentation in a new window

jrhames

See all presentation from jrhames

md-slides

0 3

md-slides

A presentation build on top of reveal.js about Markdown

On Github jrhames / md-slides

Markdown

Beyond plain text

# Markdown

### Beyond plain text
O que é? Onde vive? Como faz para se reproduzir?

Readability above all

  • Easy to use
  • Simple by design
  • Basic syntax
# Readability above all

- Easy to use
- Simple by design
- Basic syntax

Not a replacement for HTML

True story!

## Not a replacement for HTML

<h1>True story!</h1>

Block elements

This is paragraph.

This is a new paragraph. This is a new line in the same paragraph. This is another new line in the same paragraph.

# Block elements

This is paragraph.

This is a new paragraph.<br />
This is a new line in the same paragraph.  <!-- line ending with two spaces -->
This is another new line in the same paragraph.

Blockquote

Clear your browser cache and try to reload it again.

— Unknown

# Blockquote

> Clear your browser cache and try to reload it again.
>
> — *Unknown*

Too much work

Feeling lazy? That`s ok! Markdown allows you to be lazy and only put the > before the first line of a hard-wrapped paragraph.

# Too much work

<!-- Sadly, our syntax highlighter does not! :( -->
> Feeling lazy? That`s ok! Markdown allows you to be lazy
and only put the > before the first line of a hard-wrapped paragraph.

Blockception

Whuuuuuut?

A blockquote inside a blockquote?

I`m the king of the blockquotes!

— Jack

# Blockception

> Whuuuuuut?
> > A blockquote inside a blockquote?
> > > **I`m the king of the blockquotes!**
> > > — *Jack*

But wait! There`s more.

— Polishop

> ## But wait! There`s more.
> — Polishop

Do not cross

# Do not cross
---

I see dead links

Where?

# I see dead links

---

[Where?](#/where)

---

Everywhere

*Everywhere*

Can I haz linkz?

Title

Reference

Name reference

http://en.wikipedia.org/wiki/Laziness

# Can I haz linkz?

[Title](http://www.w3schools.com/tags/att_global_title.asp "Title attribute")

[Reference][1]

[Name reference][]

[1]: http://en.wikipedia.org/wiki/Reference "Reference"
[Name reference]: http://incompetech.com/named/ "NameDB"

<!-- auto linking -->
http://en.wikipedia.org/wiki/Laziness

![Not bad](/imgs/not-bad.svg "Not bad at all!")

![Source code](/imgs/behind-mask.jpg "Yeap! That`s Mister M.")

Code!

For those of you who like that sort of thing.

<section data-markdown>
    ```markdown
    # Code!

    For those of you who like that sort of thing.
    ``
</section>

Markdown FTW!

Your can use Markdown everywhere

# Markdown FTW!

### Your can use Markdown everywhere

GitHub

GitHub Flavored Markdown

  • Files (e.g., README.md)
  • Issues
  • Wiki
  • Comments
# GitHub

[GitHub Flavored Markdown](https://help.github.com/articles/github-flavored-markdown)

- Files (e.g., README.md)
- Issues
- Wiki
- Comments

Trello

  • Card descriptions
  • Comments
# Trello

- Card descriptions
- Comments

Here

Legen [Reveal.js + Markdown] dary!

# Here

### Legen \[[Reveal.js][1] + [Markdown][2]\] dary!


[1]: http://lab.hakim.se/reveal-js/
[2]: http://daringfireball.net/projects/markdown/

Tools

InstantMark

E3C PDF Generator

# Tools

[InstantMark](http://jrham.es/instantmark)

[E3C PDF Generator](https://pdf.e3c.com.br)

![Awesome](/imgs/excited.jpg "Yay!")

THE END

BY Jr. Hames / jrham.es