Possible layout for tutorials in Bone101

Google Summer of Code
1

I wanted to post something to the GSoC list to get their feedback as we start to narrow down on the card outline for the Bone101 tutorials.

http://jsfiddle.net/jkridner/7X5C3/embedded/result/

It also seems to look nice from an iPhone

Please take a look at these and let us know your thoughts before Diego sinks too much more time into this.

I believe the next step will be to prototype the multi-deck view at http://diegotc.github.io/bone101/Support/GSOC/template.html, then make an initial layout for the zoomed-in cards with forward/backward/show-all/run/stop buttons, etc.

Do I have the steps right?

2

I wanted to post something to the GSoC list to get their feedback as we start to narrow down on the card outline for the Bone101 tutorials.

http://jsfiddle.net/jkridner/7X5C3/embedded/result/

It also seems to look nice from an iPhone

Please take a look at these and let us know your thoughts before Diego sinks too much more time into this.

I believe the next step will be to prototype the multi-deck view at http://diegotc.github.io/bone101/Support/GSOC/template.html, then make an initial layout for the zoomed-in cards with forward/backward/show-all/run/stop buttons, etc.

I did some modifications.
Check this prototype. http://diegotc.github.io/bone101/Support/GSOC/tempboot3cards.html

3

I wanted to post something to the GSoC list to get their feedback as we start to narrow down on the card outline for the Bone101 tutorials.

http://jsfiddle.net/jkridner/7X5C3/embedded/result/

It also seems to look nice from an iPhone

Please take a look at these and let us know your thoughts before Diego sinks too much more time into this.

I believe the next step will be to prototype the multi-deck view at http://diegotc.github.io/bone101/Support/GSOC/template.html, then make an initial layout for the zoomed-in cards with forward/backward/show-all/run/stop buttons, etc.

I did some modifications.
Check this prototype. http://diegotc.github.io/bone101/Support/GSOC/tempboot3cards.html

Thanks. Will you be updating that prototype with the CSS prototype you and I created today?

4

Yes. I will work on this today.

5

Hi
This is a new update of the template. http://diegotc.github.io/bone101/Support/GSOC/template.html
Instead of using squares for the tutorials. I’m using a BBB black layout.
Need to define how I’m going to display the View All

6

Hi
This is a new update of the template. http://diegotc.github.io/bone101/Support/GSOC/template.html
Instead of using squares for the tutorials. I’m using a BBB black layout.
Need to define how I’m going to display the View All

Cool.

Shared what it looks like on my phone. I think it can be cleaned up within the cards.