From dc12069b40fc382acf127a35b9e1d9162fc527af Mon Sep 17 00:00:00 2001 From: Bartek Szopka Date: Mon, 2 Jan 2012 09:04:57 +0100 Subject: [PATCH 1/5] impressive comment in the stylesheet, so it's more clear that it's just a demo style --- css/style.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/css/style.css b/css/style.css index d27c801d9..c8bcb5fbe 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,12 @@ +/** + * This is a stylesheet for a demo presentation for impress.js + * + * It is not meant to be a part of impress.js and is not required by impress.js. + * I expect that anyone creating a presentation for impress.js would create their own + * set of styles. + */ + + /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) From e4f31af4a6cfcbedf8738ce3c108162771362de6 Mon Sep 17 00:00:00 2001 From: Bartek Szopka Date: Mon, 2 Jan 2012 09:18:43 +0100 Subject: [PATCH 2/5] impressive hardware acceleration note added to browser support --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index cc97a911d..0ef56dae7 100644 --- a/README.md +++ b/README.md @@ -28,6 +28,10 @@ Impress.js is developed with current webkit-based browsers in mind (Chrome, Safari), but *should* work also in other browsers supporting CSS3 3D transforms and transitions (Firefox, IE10). +Additionally for the animations to run smoothly it's required to have hardware +acceleration support in your browser. This depends on the browser, your operating +system and even kind of graphic hardware you have in your machine. + It's actively developed with newest Chromium and tested in Firefox Aurora. I don't really expect it to run smoothly in non-webkit-based browser. From d6d78341b9819b6c1d13b40de4f031aeeecf442b Mon Sep 17 00:00:00 2001 From: Bartek Szopka Date: Mon, 2 Jan 2012 11:08:57 +0100 Subject: [PATCH 3/5] impressive note about roots of impress.js name --- README.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/README.md b/README.md index 0ef56dae7..33617e88d 100644 --- a/README.md +++ b/README.md @@ -9,6 +9,14 @@ transitions in modern browsers and inspired by the idea behind prezi.com. impress.js may not help you if you have nothing interesting to say ;) +ABOUT THE NAME +---------------- + +impress.js name in courtesy of @skuzniak (http://twitter.com/skuzniak/status/143634842754625536). + +It's an (un)fortunate coincidence that a Open/LibreOffice presentation tool is called Impress ;) + + DEMO ------ From 10905d882414c9876ce363a42364bd332851cb92 Mon Sep 17 00:00:00 2001 From: Bartek Szopka Date: Mon, 2 Jan 2012 11:22:19 +0100 Subject: [PATCH 4/5] it was the other one ;) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 33617e88d..3e0bdfa35 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ impress.js may not help you if you have nothing interesting to say ;) ABOUT THE NAME ---------------- -impress.js name in courtesy of @skuzniak (http://twitter.com/skuzniak/status/143634842754625536). +impress.js name in courtesy of @skuzniak (http://twitter.com/skuzniak/status/143627215165333504). It's an (un)fortunate coincidence that a Open/LibreOffice presentation tool is called Impress ;) From 848f50ffa84525b81599af4bf442fc1e00e184de Mon Sep 17 00:00:00 2001 From: Matthew Makai Date: Mon, 2 Jan 2012 12:57:14 -0500 Subject: [PATCH 5/5] Adding pg up & pg down to go forward and reverse because most presentation pointers (such as the Logitech R800 I tested with) use those keys for forward/back. --- js/impress.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/js/impress.js b/js/impress.js index 36bd5bf6a..cf9db2547 100644 --- a/js/impress.js +++ b/js/impress.js @@ -226,10 +226,11 @@ // EVENTS document.addEventListener("keydown", function ( event ) { - if ( event.keyCode == 9 || event.keyCode == 32 || (event.keyCode >= 37 && event.keyCode <= 40) ) { + if ( event.keyCode == 9 || ( event.keyCode >= 32 && event.keyCode <= 34 ) || (event.keyCode >= 37 && event.keyCode <= 40) ) { var active = $(".step.active", impress); var next = active; switch( event.keyCode ) { + case 33: ; // pg up case 37: ; // left case 38: // up next = steps.indexOf( active ) - 1; @@ -237,6 +238,7 @@ break; case 9: ; // tab case 32: ; // space + case 34: ; // pg down case 39: ; // right case 40: // down next = steps.indexOf( active ) + 1; @@ -249,6 +251,7 @@ event.preventDefault(); } }, false); + // Sometimes it's possible to trigger focus on first link with some keyboard action. // Browser in such a case tries to scroll the page to make this element visible