Skip to content

Instantly share code, notes, and snippets.

@LightGuard
Last active May 16, 2018 12:26
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LightGuard/0ad1c064d3e882f2294a to your computer and use it in GitHub Desktop.
Save LightGuard/0ad1c064d3e882f2294a to your computer and use it in GitHub Desktop.
Visual components in a presentation.
topic / title

I think we all know what these are.

sub topic / title

Same

scatter

Typically applied to lists, but elements are scattered around the borders of the slide

callout

Callouts from source typically, attention to a particular line

figure / object / media

Some sort of media (image, video, audio, etc) followed by text

source block

Source code or some other monospace section of text

pull / float

pull the content of the container to one side

list

We all know what these are

table

Think HTML table

emphasis (could be within a title, paragraph, etc)

Some sort of demarcation for grabbing attention

quote

Quote from someone, may or may not include an attribution line

recap

A slide containing the overall review for a section or presentation

footnote

Typical footnote idea

paragraph

Text on the slide grouped together, not in a list

chart / table

Some sort of data display, the role could define how it’s shown

background with title / large text

Seems to be popular, a large background image with text expounding the main point.

@LightGuard
Copy link
Author

The figure / media object could easy follow the css media-object idea (http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/) could be used for many, many things.

@mgreau
Copy link

mgreau commented Jul 16, 2014

I think a component for "speaker notes" can be useful too. The content will be displayed only for the speaker view or for a PDF export, by example.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment