Jump to content

Silly CSS hacking

Featured Replies

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

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

  • Author

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

Archived

This topic is now archived and is closed to further replies.

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.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.