Scalable CSS-based Playing Cards

http://donpark.github.com/scalable-css-playing-cards/

by donpark • 14 years ago

44 16 14 years ago

donpark.github.com

dyscrete• 14 years ago

This is what HN is becoming, CSS playing cards on the front page. (sigh)

donpark5• 14 years ago

OP and author here. I'm a long time HN reader but this is only my second submission. I know my weekend hack is no where near amazing but I think it's useful which is why I intentionally spent extra time making it easy to reuse.

Could you explain what kind of posts you want on HN front page and why my submission is unfit to be on it so I can avoid making the same mistake?

hsmyers• 14 years ago

Unlike some, I see no problem with this being on the front page. That said, I do have a question, why is the '10' smaller than the other numbers? This seems to be the same with the cards you forked.

duopixel• 14 years ago

The face cards appear to be rendering as PNG instead of SVG. Additionally, it would be cool to render the flip as a CSS 3d transform transition and fall back to jQuery flippy where not supported.

Also, I'm not sure about the mustache.js + hogan.js + jquery + backbone combo. That's a whole lotta libraries for something that would take around 20 lines in d3.js.

I don't mean this to put you down, but there are different ways of thinking of problems and you are approaching an interface/visualization problem from a templating background (which is possible, but not ideal).

logical42• 14 years ago

i think you did a terrific job here.. some people are just grumpy i think..

gburt• 14 years ago

I think this is pretty awesome. Suggestion: the face cards need to be redone in SVG or something scalable.

pc86• 14 years ago

If there is anything wrong with HN, you're it. The OP posted something that is well done, that (s)he spent the weekend working on, and is getting constructive feedback from everyone in the thread except you. But, since you seem to have crowned yourself the Arbiter of Quality, let's take a look at what you've contributed, shall we?

1. A python script to download free PSDs in bulk. 2. Two links to some DNS website (with a total of 3 votes and 0 comments) 3. A blog post talking about President Obama and renewable energy. 4. Hilariously, you also posted a meme about user negativity v. HN quality: http://memegraphs.com/memes/729c21bf62f51120855f5b5a8794b2fc...

So before you make snarky comments about how bad HN has become, maybe you should actually try contributing something of value.

Or leave. Either one would be a net gain for the rest of us.

singular• 14 years ago

Screw these negative guys, this is amazing. Great work! :-)

hayksaakian• 14 years ago

I get weird clipping on the right fourth of the various card symbols. Chrome 18 on nexus 7.

donpark5• 14 years ago

Issue already filed: https://github.com/donpark/scalable-css-playing-cards/issues...

theonlyroot• 14 years ago

Great Work. I love these posts on HN where people show case what they hacked on during the weekend. These are the real "builders" or creators out there. And about the negative guys, believe me they have probably never created anything in their life, so don't bother!

rooster8• 14 years ago

Thank you for the great work. I've been thinking about doing a simple web-based card game for my friends and me, and not having a good way to show cards in the browser has been my biggest impediment!

ben174• 14 years ago

How can I use this CardView class? The demo seems to be using the DeckView, but what if I just want to deal five specific cards?

Scalable CSS-based Playing Cards

Related Stories