Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/iirving/modern-and-mobile-web-development--in-2012


https://github.com/iirving/modern-and-mobile-web-development--in-2012

Last synced: 3 days ago
JSON representation

Awesome Lists containing this project

README 

        
#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.



## Quick Start



This repository includes a `boilerplate.html` as a starting point, with all the extensions included. Just [download it](https://github.com/imakewebthings/deck.js/zipball/stable), open `boilerplate.html`, and start editing your slides.



## Documentation



Check out the [documentation page](http://imakewebthings.github.com/deck.js/docs) 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](http://imakewebthings.github.com/deck.js/introduction) online to play with the available style and transition themes.



## Extensions, Themes, and Related Projects



Take a look at [the wiki](https://github.com/imakewebthings/deck.js/wiki) for lists of extensions, themes, and other related goodies.  If you have a publicly available project of your own, feel free to add to the list.



## Dependencies (included in this repository)



- [jQuery](http://jquery.com)

- [Modernizr](http://modernizr.com)



## Tests & Support



Unit tests are written with [Jasmine](http://pivotal.github.com/jasmine/) and [jasmine-jquery](https://github.com/velesin/jasmine-jquery). You can [run them here](http://imakewebthings.github.com/deck.js/test).



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.



For any questions or general discussion about deck.js please direct your attention to the [mailing list](http://groups.google.com/group/deckjs) (uses Google groups.)  If you would like to report a bug, please see the [issues page](https://github.com/imakewebthings/deck.js/issues).



## 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](http://code.google.com/p/chromium/issues/detail?id=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.)



Firefox contains a bug that allows users to scroll horizontally using the trackpad despite `overflow-x:hidden`. ([Bug 664275](https://bugzilla.mozilla.org/show_bug.cgi?id=664275) and [Bug 325942](https://bugzilla.mozilla.org/show_bug.cgi?id=325942).) If anyone knows of any workarounds to this issue please contact me.



## Printing



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



## Awesome Contributors



- [jbuck](https://github.com/jbuck)

- [cykod](https://github.com/cykod)

- [dougireton](https://github.com/dougireton)

- [awirick](https://github.com/awirick)

- Daniel Knittl-Frank

- [alexch](https://github.com/alexch)



If you would like to contribute a patch to deck.js please do as much as you can of the following:



- Add or amend Jasmine tests.

- Add inline documentation.

- If the standard snippet of an extension changes, please change it in both the introduction deck and the snippet html in the extension folder.

- If the API changes, it would be awesome to receive a parallel pull request to the gh-pages branch which updates the public-facing documentation.



## License



Copyright (c) 2011-2012 Caleb Troughton



Dual licensed under the [MIT license](https://github.com/imakewebthings/deck.js/blob/master/MIT-license.txt) and [GPL license](https://github.com/imakewebthings/deck.js/blob/master/GPL-license.txt).