marionettejs.com
marionettejs.com copied to clipboard
marionettejs
Create a Marionette Learning page(s)
We have four days of content that I have generated
We should make a training page where we list all of these along with some copy for each section.
https://docs.google.com/presentation/d/14SJMY6f8cSLcMLTPvvGd_2khkH_vQp2FqVyTSF7DIMI/edit#slide=id.p
https://docs.google.com/presentation/d/1XeVwWkOnnEkAf_CGjHQgNPvIffFoQthwrbpCC_Yixqw/edit#slide=id.p
https://docs.google.com/presentation/d/1EnDcVjYU3pVMmvha2xEM_Z04U42-mUSr0gZchjo68s8/edit#slide=id.p
https://docs.google.com/presentation/d/1ZVxe9ZlMErhi3PHkMjGmqub-qiW71Po2wDtqI-IOZos/edit#slide=id.p
Thoughts? patterns that we can lift from other sites?
one idea... is an "Overview" tab a the nav that goes to a different page that's a slideshow format similar to http://www.carbonfive.com/#section4/1
Maybe I like this better 'cuz you can see sections ("class") and jump to them https://storify.com/
note to self: tabs: http://tympanus.net/Development/TabStylesInspiration/ navigation arrow styles: http://tympanus.net/Development/ArrowNavigationStyles/ page transitions: http://tympanus.net/Development/PageTransitions/ slidr.js: http://www.bchanx.com/slidr#docs http://codyhouse.co/demo/fixed-background-effect/index.html
http://codepen.io/somethingkindawierd/pen/tuhFE http://ineedaresu.me/
I put together a quick demo of what it would look like to convert these to reveal.js which you can check out here with a live demo here.
I think this approach might offer a few advantages:
- We can host the full text of each deck in a repo, encouraging the community to contribute (check out index.jade to see what it looks like to compose slides).
- Examples are embeddable into the slides themselves.
- It's possible to record voice-overs for each slide with this plugin.
- This is particularly cool, since we could have a live, interactive presentation for folks to go through at their own pace.
@techpeace Are you planning to convert the whole slide deck, or do you want us to continue where you left off?
Oh I'd be happy to, just wanted to get some feedback and confirm with y'all before I started that journey.
@techpeace Hey Matt, ok, so I looked @ it in more detail. Looks great! I really like how the community can modify the slides and update them as new features come out. Awesome!
One minor suggestion is to put a note on the example slides about how the results page might take a few seconds to load (see bottom loading bar), etc.... unless it's my internet that's slow. :smiley:
A couple of other questions / thoughts...
Do we want to break up the slides into partials like _headerName.jade, _headerName.jade, etc.?
Also, do we want to add slide numbers in small font somewhere on each slide? Maybe a function to calculate the slides position in case we add more slides in the future, it can auto update?
One more thought... on the last slide, we should prob link to the repo and mention something like...
Want to improve these slides? Make a pull request here.