A presentation deck utilizing 3D CSS transforms and transitions to navigate between slides. Content is a presentation on JavaScript code quality.
Permalink
Failed to load latest commit information.
css White-labeling the slideshow Nov 19, 2011
images Adding all files to github Nov 19, 2011
js Adding all files to github Nov 19, 2011
resources/h5bp
.gitignore Adding all files to github Nov 19, 2011
README Updating README for formatting Nov 19, 2011
jslint.html White-labeling the slideshow Nov 19, 2011

README

CSS 3D Presentation Framework

-----------------------------

Intended for personal/limited use -- there are no current plans for support or feature additions at this time.
Tested in latest Chrome and Safari only.

-----------------------------

Important Note: 

Due to a webkit bug, matrix rotation of a cube construct sometimes causes loss of 
interactivity with portions of each "face" of the cube (but strangely, not the entirety of a face).
To get around this in the short term, I simply clone the contents of each face and apply them to a 
"screen" element that sits in front of the cube-set.

Many limitations of the presentation framework are a result of this hacky fix, so if anyone figures
out how to prevent the loss of interactivity, be sure to do a pull request.


-----------------------------

Usage:

The arrow links on each face can be used to navigate a slideshow. Keyboard controls are preferred, and
can be used as follows:

Space:			advance to next face (or next cube if on the last face of current cube)
Delete:			return to previous face (or previous cube if on first face of current cube)
Arrow keys:		rotate forward, backward, left, and right
Home/End: 		rotate clockwise and counter-clockwise
Page Up/Page Down:	next/previous cube
Number keys (1-6):	rotate to numbered face of current cube