Nintendo NES console in CSS

[throwaway1980]

"Full CSS Nintendo NES" is a bit of a linkbait title. However, it's still kind of amazing, because despite knowing that CSS is not Turing complete, I still clicked on it hoping for an emulation. Which effectively means that I identified it as bait and then chose to eat it anyway.

Other than that it's a neat demo.

[jeffasinger]

I remember seeing an encoding of Rule 110 in CSS + HTML a while back. Is CSS actually not Turing complete?

[orangethirty]

Did you seriously expect a NES emulator written in CSS? Color me surprised.

[meerita]

To me this is unpractical example of use of CSS. Yes, you can do an image using tables and other elements or techniques but I think these things are just a waste of time. If you want to drool on something why not seeing this made on SVG AND using all the CSS, JS capabilities instead of showing something made in CSS with fewer uses.

[prawks]

I don't think these types of examples are created to be practical, but more to just demonstrate what's possible/to experiment. Plus, it's probably fun.

But I agree, an SVG implementation really would be something!

[keithnoizu]

art doesn't require utility.

[ashmud]

Silly me, I was expecting an emulator.

[w1ntermute]

http://fir.sh/projects/jsnes/

It doesn't seem entirely stable though.

[smacktoward]

So how do you blow on it? It's not an NES unless you have to blow on it.

[joeblau]

Yeah, you also have to be able to stack two games in there on top of each other.

[canthonytucci]

Very cool indeed.

Am I remembering correctly that the reset button should make the power light blink if the system is on and reset is depressed?

[eridius]

Yes. While you hold the reset button down the power light should be off.

[likarish]

If I remember correctly when you press power and there is no cartridge, then the power button flashes ;) Great work!

[prg318]

The author of this should get in touch with the guy that wrote that NES emulator in javascript [1]. I can imagine a pretty neat collaboration of the two projects!

[1] http://fir.sh/projects/jsnes/

[alcuadrado]

I don't see any connection

[mratzloff]

Chrome-only. Firefox works but some code shows up in the window. Safari doesn't work at all.

[mratzloff]

With Firefox, I saw JavaScript in the result pane the first time but now it works fine. Perhaps it was behind a version or two the first time.

Went back with Safari (version 6, same version) and it worked fine this time. Before, the background didn't show up properly, only the cartridge door.

Weird.

[sean-duffy]

Works perfectly for me on Safari 6.

[jspaur]

worked in IE10 as well (still can't log in to HN using chrome...odd)

[benferris]

It worked for me in FF20.

[LukeShu]

Worked fine for me in Iceweasel 20.0 (Debian's Firefox).

[prg318]

No issues whatsoever with Firefox 21 on XP

[speedyrev]

I feel like a kid who got a SNES for Christmas and found out no one bought any games.

[mathiasben]

be nice to see full realism and proportionality with the lid opening, should be on hinges and shouldn't change shape and size when it's opened.

[orangethirty]

Amazing work. Do the Genesis Now. (:

[jonhmchan]

CSS continues to amaze me.

[MrGrillet]

Dope. That is all.

[carpe171]

this is amazing! nice work

[ljak]

Why?

[fooqux]

Son, we don't take kindly to folks who ask 'why?' around these parts. You best mosey on before you accidentally fall down a well.

[lbebber]

Exercise, fun, finding out what it is possible to do, etc.

[prg318]

Why not?