The HTML Rube Goldberg Machine Is a Vortex You Can't Escape

Illustration for article titled The HTML Rube Goldberg Machine Is a Vortex You Cant Escape

Every web developer take note: Sebastian Ly Serena has come up with a brilliant way to make your website more entertaining and captivating—without clogging it up with boring content. Just turn it into a HTML-based Rube Goldberg machine and watch the clicks roll in.

Advertisement

Using self-filling forms, checkboxes, buttons, and other auto-triggering HTML tricks is probably a lot easier than trying to balance a bunch of random car parts so that they fall like dominoes. We just wish this Rube Goldberg machine went on for pages and pages.

[Sebastian Ly Serena via BoingBoing]

Share This Story

Get our newsletter

DISCUSSION

qwert123
JohnnyBravo

setTimeout(function(){$(“table[tabindex=’0']”).focus() },200); setTimeout(function(){ $(“*[tabindex=’1']”).focus(); },800); setTimeout(function(){ $(“*[tabindex=’2']”).focus(); },1200); setTimeout(function(){ $(“*[tabindex=’3']”).focus(); },1600); setTimeout(function(){ $(“*[tabindex=’4']”).focus(); },2000); setTimeout(function(){ $(“*[tabindex=’5']”).focus(); },2400); setTimeout(function(){ $(“*[tabindex=’6']”).focus(); },2800); setTimeout(function(){ $(“*[tabindex=’7']”).focus(); },3200); setTimeout(function(){ $(“*[tabindex=’8']”).focus(); },3400); setTimeout(function(){ $(“*[tabindex=’9']”).focus(); },3800); setTimeout(function(){ $(“*[tabindex=’10']”).focus(); },4200);

...

Less Rube Goldberg and more javascript 101...

For the non-web types out there, there is no chain reaction, everything is just timed to happen one after another.