Pure vanilla JS (+ CSS3) โ no dependencies, by Juha Lindstedt & contributors.
Install from Google Chrome Web Store
I will make just one more update, which will be a minor braking change. After that the API will be about ready to be published and there will be documentation and tutorials as well. Keep tuned! If you have any questions, shoot them @ gitter or add an issue.
Card graphics are now slightly modified from Chris Aguilar's awesome Vector Playing Card Graphics Set. I want to respect author's license, and decided to change Deck of Cards license from MIT to LGPL. Sorry for any cause. Versions 0.0.x stay MIT. When theming is ready, I will put Vector Playing Card Graphics Set -theme to another repo, and change back to MIT. If you have something on your mind about this, please use this issue. Thanks!
Btw..if you're on iOS, try adding to home screen (via Safari's share button) - it should perform better ;)
- 0.1.0 Realistic face graphics, notice change of license for now..
- 0.0.4 winning mode, simpler shuffling, CSS box-shadow change
- 0.0.3 big refactoring โ code now easier to follow and in smaller pieces
- 0.0.2 made intro shorter & added "poker"
- 0.0.1 initial version
- https://reddit.com/r/InternetIsBeautiful/comments/3jmq97/html5_deck_of_cards/
- https://news.ycombinator.com/item?id=10164513
- http://tympanus.net/codrops/collective/collective-184/
- https://github.com/trending?since=weekly
- https://twitter.com/fwa/status/639719192158171136
- https://twitter.com/search?q=%22html5+deck+of+cards%22
- https://theslackpost.com/tmpg
- http://news.js.org/
- http://www.blogduwebdesign.com/ressources-jeux/ressourcescreer-manipuler-cartes-HTML-Javascript-nodejs-Ruby/1933
- http://fex.baidu.com/blog/2015/09/fex-weekly-07/
css/ - CSS source (stylus + nib) of the example
chrome/ - Chrome Web Store app source
dist/ - deck.js & deck.min.js
example/ - https://deck-of-cards.js.org
lib/ - JS (ES6) source of dist/deck.js - deck.js is also the main file
views/ - HTML source of the example
npm install
npm start
(starts watching for changes..)
- Make z-index temporary by reordering DOM elements between actions
- Enhance API, make more flexible
- Make cards flippable
- 0.1.x LGPL
- 0.0.x MIT