Skip to content

snapeuh/flexbox-presentation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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 :