Jump to content

Silly CSS hacking


Endy0816

Recommended Posts

Allows you to simulate memory with only a styling language(CSS).

 

Clicking the image will cause the text to show up. Dragging the image will cause text to remain. Works in Firefox and somewhat in Chrome.

 

http://jsfiddle.net/w7B6S/2/

 

Typically more appropriate JavaScript is used instead, so kind of novel. There are similar tricks out there, this is just the first time I've seen this particular method put to use.

 

Technical:

 

In Firefox if you drag an image, the active state remains until you click elsewhere.

 

If you drag in Chrome, it will only last until you move the mouse again.

Edited by Endy0816
Link to comment
Share on other sites

HTML5 + CSS3 allows you to encode Rule110 (demonstrated by Eli Fox-Epstein). Technically HTML5 + CSS3 is Turing complete... Now that is silly.

Other silly things include:

ELF metadata headers are turing complete

x86 MOV instruction is turing complete

The Intel MMU fault handling is turing complete

 

List of silly things goes on and on

Link to comment
Share on other sites

HTML5 + CSS3 allows you to encode Rule110 (demonstrated by Eli Fox-Epstein). Technically HTML5 + CSS3 is Turing complete... Now that is silly.

Other silly things include:

ELF metadata headers are turing complete

x86 MOV instruction is turing complete

The Intel MMU fault handling is turing complete

 

List of silly things goes on and on

 

 

You lost me at ELF redface.gif

 

That Rule 110 demo was pretty awesome though:

 

https://www.facebook.com/?ref=tn_tnmn

 

 

I want to try making a game like this one:

 

http://dabblet.com/gist/2076449

 

Moveable character on a game pad using only CSS blink.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.