Flexbox Presentation & Examples
Branch: gh-pages
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
js
README.md
index.html

README.md

Flexbox

Presentation

The presentation is available on Google Slides (read-only) : https://goo.gl/oD7xzY. It features comments so you know which examples are used in a slide.

## Examples

The examples are live on GitHub Pages : http://snapeuh.github.io/flexbox-presentation/.

Also, you can clone this repository and serve it. I use lite-server to do that.

Here's a list of available keyboard shortcuts :

  • Left arrow : Previous example
  • Right arrow : Next example
  • R : Refresh current example (in case you want to hot refresh an example you edit for your viewers)

Please keep in mind that sometimes you have to resize your browser window to prove some effects (flex-wrap for example)

The examples support is tailor-made for the presentation using Zepto and Flexbox.

## References

Here's some articles I used to create the presentation :