yogsototh/ycategories-presentation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
105 commits 1 branch 0 tags 90 MiB
JavaScript 90.9%
HTML 4.6%
CSS 3.2%
SCSS 0.6%
Sass 0.6%
Find a file
imakewebthings 57c92b2af3 Fixes #28: Stop propagation of key events from editable elements within slides
2011-09-14 23:38:52 +08:00
core Fixes #28: Stop propagation of key events from editable elements within slides 2011-09-14 23:38:52 +08:00
extensions Prevent default event handling in scale extension 2011-09-01 10:01:30 +02:00
introduction Typo 2011-08-29 16:34:30 +08:00
test Fixes #28: Stop propagation of key events from editable elements within slides 2011-09-14 23:38:52 +08:00
themes #Fixes #25: Reset pointer events to auto on nested slide parent 2011-09-13 08:40:31 +08:00
.gitignore Add tests for a more complex html structure, adjust core 2011-05-29 11:07:29 +08:00
GPL-license.txt Ridiculous giant update 2011-08-08 11:19:46 +08:00
MIT-license.txt Ridiculous giant update 2011-08-08 11:19:46 +08:00
modernizr.custom.js Using a build of Modernizr with more tests + addTest 2011-08-23 18:36:32 +08:00
README.md Add Extensions section to README 2011-09-09 10:17:58 +08:00

README.md

#deck.js

A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow.

Dependencies

Documentation

Check out the documentation page for more information on the methods, events, and options available in core and all the included extensions. A sample standard slide deck is included in the package under the introduction folder. You can also view that sample deck online to play with the available style and transition themes.

More Extensions

Here are some useful extensions others have written for deck.js. If you have an extension, please send me a link and I'll add it to this list.

  • deck.js-codemirror by iros: Integrates codemirror into deck.js, giving you editable, executable, syntax highlighted code snippets right inside your slides.
  • deck.remote.js by seppo0010: Uses node.js to give speakers a remote view to control slides, keep notes, and preview previous+next slides.

Tests & Support

Unit tests are written with Jasmine and jasmine-jquery. You can run them here.

deck.js has been tested with jQuery 1.6+ and works in IE7+, Chrome, FF, Safari, and Opera. The more capable browsers receive greater enhancements, but a basic cutaway slideshow will work for all browsers listed above. Please don't give your presentations in IE6.

Known Bug(s)

There is an issue with certain builds of Chrome that result in a solid blue background and generally broken decks. This is a bug in Chrome (Issue 91518) that stems from hardware acceleration of 3d transforms. Current workarounds:

  • Use a different browser. This problem doesn't exist in Safari, FF, Opera.
  • Disable hardware compositing by setting --disable-accelerated-compositing in the Chrome loading options
  • Replace instances of translate3d with translate in the CSS of your decks (though this will slow down performance on iOS devices and Safari.)

Printing

Core includes stripped down black and white print styles for the standard slide template that is suitable for handouts.

Awesome People

Big thanks to the folks who have contributed code to the project:

  • jbuck - Touch controls.

License

Copyright (c) 2011 Caleb Troughton

Dual licensed under the MIT license and GPL license.