Examples

Custom Cursor

css
content classes
cursor

Add a custom cursor

Default Classes

layout

Setting default classes for all slides

Code highlighting with flair

code highlighting
syntax highlighting
flair

Custom code highlighting with flair R package

Full Screen Plot

css
content classes
plot

Properly size a plot to completely fill the slide

Hex Header

css

Add row of hexes to header of slide

No Padding Slide

css
content classes

Create slides that contain no padding

No Slide Number

css
slide number

Remove all slide numbers

Omit Slide Number

css
slide number
content classes

Selectively omit slide numbers

Side by Side Code and Plot

plot
pull

Show code and plot on same slide without copy-paste

Transparent Backgrounds for Plot

plot

Remove background of plots

Nested Pulls

pull
content classes

The layout property can be used to create layout slides

Adjustable Pull

css
content classes
pull

Adjust the widths of .pull-left and .pull-right

Chaining Content Classes

css
content classes

Syntax trick for cleaner use of content classes

Content Classes

css
content classes

Use css to create content classes to style elements

typed

typed.js

A short description of the post.

fancy first letter

css

Big first letters

particles images

particles.js

Floating hex stickers

venta.js birds

vanta.js

A short description of the post.

layout property

remark properties
layout

The layout property can be used to create layout slides

shiki syntax highlighting

syntax highlighting

Beautiful syntax highlighting with shiki

More articles »

Examples

Reuse

Text and figures are licensed under Creative Commons Attribution CC BY 4.0. The figures that have been reused from other sources don't fall under this license and can be recognized by a note in their caption: "Figure from ...".