JarCasting
JarCasting JarCasting

game-card

WebJar for game-card

License

License

MIT
Categories

Categories

Github Development Tools Version Controls
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

github-com-vpusher-game-card
Last Version

Last Version

1.0.6
Release Date

Release Date
Type

Type

jar
Description

Description

game-card
WebJar for game-card
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/vpusher/game-card

Download github-com-vpusher-game-card

Filename Size
github-com-vpusher-game-card-1.0.6.pom
github-com-vpusher-game-card-1.0.6.jar 1 MB
github-com-vpusher-game-card-1.0.6-sources.jar 22 bytes
github-com-vpusher-game-card-1.0.6-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-vpusher-game-card/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-vpusher-game-card</artifactId>
    <version>1.0.6</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-vpusher-game-card/
implementation 'org.webjars.bower:github-com-vpusher-game-card:1.0.6'
// https://jarcasting.com/artifacts/org.webjars.bower/github-com-vpusher-game-card/
implementation ("org.webjars.bower:github-com-vpusher-game-card:1.0.6")
'org.webjars.bower:github-com-vpusher-game-card:jar:1.0.6'
<dependency org="org.webjars.bower" name="github-com-vpusher-game-card" rev="1.0.6">
  <artifact name="github-com-vpusher-game-card" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='github-com-vpusher-game-card', version='1.0.6')
)
libraryDependencies += "org.webjars.bower" % "github-com-vpusher-game-card" % "1.0.6"
[org.webjars.bower/github-com-vpusher-game-card "1.0.6"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.bower : github-com-polymer-polymer jar 2.0.2

Project Modules

There are no modules declared in this project.

<game-card>

Published on webcomponents.org

🃏 Playing game card custom element based on ES6 and Polymer 2.0.

This aims to act as a project sample taking advantage of native Shadow DOM v1 and Custom Elements v1 APIs.

Features:

  • Flippable with 3D CSS.
  • Infinitely scalable thanks to unicode characters and SVG.

Example:

<game-card symbol="♠" rank="a" flippable></game-card>
<game-card symbol="♥" rank="3" flippable></game-card>
<game-card symbol="♦" rank="k" flippable unrevealed></game-card>

Screenshot:

game-card

Installation

First, make sure you have Bower and the Polymer CLI installed.

Then,

bower install
polymer serve -o

Usage

Add a <game-card> element to your page and set the symbol and rank attributes:

<game-card symbol="♠" rank="a"></game-card>

This will show a game card front face revealed.

See documentation to know more about symbol and rank attributes.

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

History

  • 1.0.6: Update documentation for webcomponents.org compatibility.
  • 1.0.5: IE11 support.
  • 1.0.4: introducing flippable property.
  • 1.0.3: allowing hot property updates.
  • 1.0.2: allowing uppercase rank.
  • 1.0.1: enhanced image path resolution.
  • 1.0.0: initial release.

License

MIT license

Versions

Version
1.0.6