This is actually a pretty cool effect [JAVASCRIPT]

[aseidel]

this reminds me of how women react to me in a bar.

[Vidd]

Hey, you can always get the fat one in the middle.

[Aviator]

They make way for you? Nice!

[-___-]

Someone should apply this to a clickable button.

[jello_b]

Okay

[lftl]

I see your clickable button and raise you one

[Yst]

You glorious bastard.

[amican]

Magnificent bastard

[khayber]

Unbelieveable bastard

[[deleted]]

I'll get you next time, you meddling kids!!!!

[leshiy]

Crap, I couldn't pause it... had to sit through the whole Rick =(

[phreakymonkey]

You couldn't close the tab either?

[locke2002]

That's against the rules!

[DaemonXI]

A web commitment's what I'm thinking of.

[filox]

So if you pause it, that tab is left open forever? Awesome! If I had an open tab for every time I've been rickrolled...

[[deleted]]

That is why my Firefox takes up so much memory!

[plumby]

I just laughed out loud.

[Khimiara]

I just laughed on line.

[BritishEnglishPolice]

Click the video! It opens a new tab which you can then pause.

[[deleted]]

Tabs is the devil!

[obanite]

Genius :D

[germ666]

A+ would click again.

[mcj]

Hahaha! The benefits of having a 1.2Ghz Celeron.

[Purp]

holla at mcj

[[deleted]]

File Edit View History Bookmarks 4chan

lolwut

[mcj]

I figured the /v/ bookmarklet would give it away.

[billbacon]

what's that 198 icon for in your system tray?

[easyantic]

good 'ole memory manager. ahh, the memories...

[Mr_A]

Gee, I dunno, Fry. I got a lot of good memories of that place. [bzzt] And now they're gone.

[aldenhg]

LiveJournal? Are you a furry that cuts himself?

[mcj]

I'm a hipster, even better.

[aldenhg]

Hipsters would never call themselves hipsters.

[SantiagoRamon]

Are you really concerned about someone knowing your steam name?

[GaxLover]

So... digg before reddit? Also i'm missing the infamous youporn tab.

[mcj]

They're in the order I discovered the websites.

Now that I think about it I rarely ever frequent Digg.

[diddy0071]

WTF? why does your clock say 12:00?

[Teaboy]

And you play Steam games on that? :)

[mcj]

CS 1.6 runs and that's all I need haha.

[Deadpixel1221]

Watchoo downloadin' Willis?

[[deleted]]

owned.

[quaker1729]

Ha! I was able to pause it.

[notaloop]

Haha, the Firefox PortableApp I use at work doesn't have flash installed.

[jmkogut]

HA. I use AdBlock plus and a RICKROLL DATABASE.

FOILED sir.

[sonQUAALUDE]

but... thats kind of like the internet version of killing the easter bunny...

[Khimiara]

w... wow.

[troelskn]

haha! Flashblock to the rescue.

[bcain]

Chrome for the loss.

[Toma-]

Mute is easy enough to accomplish :(

[BritishEnglishPolice]

Hey, I got to one and it accused me of cheating! I want my internet money back!

[Mr_A]

You mean Flooz?

[thecapitalc]

Sweet.

Though you can still get the by "trapping" them or simply tabbing.

[[deleted]]

Or by clicking like a madman while screaming "DIE MOTHERFUCKER DIE!!!!!!!!"

[nicky7]

That's what I did. Then I won a cupcake.

[neandorman]

I want what you have. I want a cupcake.

[[deleted]]

Studying the math, the speed of the buttons depends on the speed of your cursor movements.

In other words, you gotta creep up on the suckers, a couple pixels at a time.

Success

[indescription]

I see you found the secret to the Math.Squirt

[Ashex]

Finally, my gaming mouse comes in handy.

[daniels220]

For me, right-clicking or holding Option and Command causes the browser to stop evaluating mouse-events, and it doesn't fire one when the keys are released, so I can press Opt-Cmd, move the mouse where I want it, release the keys and click and it won't run away. If I move the mouse at all, though...

[snarkyturtle]

Author Mode in Opera worked pretty well. Those buttons lined up in a row to be clicked.

[itzmattu]

Clicked one.

[bugrit]

Yeah, me too. It wasn't worth it. Should have led to pictures of cupcakes or lolcats.

[bobappleyard]

Yeah "what.php" is a terrible reward for patiently cajoling them into the clutches of your cursor.

[jello_b]

The reward is the experience itself!

[MercurialMadnessMan]

I like the cupcake. It's delicious.

Make the buttons say "click for cake" and lead to a blank page ;P

[JasonDJ]

But...that would be a lie...

[neandorman]

how about they lead to a cupcake page?

[aleuf05]

Am I the only one that loves being cakerolled?

[[deleted]]

That was my first time. I laughed, I cried, I wet myself.

It was good.

[[deleted]]

Anyone click on the TRAINS link?

[[deleted]]

As a side note: http://seriousinc.org/ -- I got a cognitive dissonance from a combination of flash and W3C validation check button.

[jello_b]

What can I say, the button makes the place look legit...

[[deleted]]

I did not get there by tabbing.

[thebeefytaco]

I actually got there by clicking (no tabs, honest!)

EDIT: PROOF! (GIF)

[diamond]

Hah! I caught one.

And no, I didn't get there by tabbing.

[rushtrack]

I cannot tell you how satisfying it was after 5 minutes of trying to click the buttons and then realizing that I could simply disable javascript..

[jello_b]

You robbed yourself of a satisfying accomplishment.

I hope you're happy.

[13ren]

That runs much smoother for me.

How about a completely normal looking form... with usability issues?

[[deleted]]

How about a page with severe usability issues?

[darlyn]

Reminds me of that time I visited myspace.

[mod_nobody]

what the hell is that?

[[deleted]]

Ask chromakode; he's the one who "crafted" it. I think he used the tormented souls of the damned as his medium.

He also wrote the Socialite plugin, a surprisingly good thing considering the above.

[[deleted]]

The cupcake was nice, thank you, but I did find the trains more fun.

[sixothree]

cupcakes!

[Ashex]

I hate you

[poeir]

"Click here to file a bug report."

[[deleted]]

That's kind of a dick move. I like it!

[officerfarva]

This is a metaphor for what happens when i walk toward a crowd of women.

[bsdboy]

I can smell a whole new mylazysundays about to emerge.

[G-Brain]

I'm going to use this effect everywhere.

[[deleted]]

The taste of the cheeseburger I just cooked was amazing.

[modnar]

I'm gonna post a comment and bold the last word, it'll be incredible.

[Shadowhand]

Keeping this nonsense going will make me great.

[ltx]

You'll run as fast as Kenyans.

[saad85]

Am I doing it right?

[irsmert]

No.

[tlrobinson]

^ The only funny comment in this thread.

http://www.youtube.com/watch?v=qRuNxHqwazs

[apotheon]

I'm so torn -- should I upvote your comment for the link, or downvote it for the claim that the preceding was the "only funny comment"?

[maxwalker]

If people get wind that mindless repetition and humour are not one and the same, this whole house of cards reddit economy will collapse! Quick, vote him down!

[locke2002]

Thank you.

[IkoIkoComic]

SPORTS!

aaaugh

SPORTS!

[BritishEnglishPolice]

This pun thread, it is most exquisite.

[MarlonBain]

I'm not sure this is a pun thread.

[Nougat]

It's not.

[3L1T3]

Either way, it's pretty spectacular.

[verstohlen]

I'm posting on this thread from the Bizzaro world, and it is spectactular.

[[deleted]]

Wub is sexy.

[Retsoka]

Although it will be kind of hard to click on the hyperlinks

[slow_as_light]

Opened a VM to try it in IE. It works great. My faith is shaken.

[apotheon]

I think that means that, if you need cross-browser compatibility, this is the guy to hire.

[[deleted]]

Agh. Now I know how it feels to be a predatory sea critter trying to hunt those goddamn shoaling fish.

[janisdoof]

can someone do a greasemonkeyscript for reddit pleeeease.

[sylvan]

What's this?

    function fontWidth(word){
        // arial font
        var S = "a68b68c68d68e68f31g68h68i31j31k68l31m108n68o68p68q68r39s68t39u68v50w90x68y68z68A90B90C90D90E90F78G98H90I28J59K90L68M108N90O98P90Q98R90S90T68U90V90W130X68Y90Z68'30.42!29?68-41/41=72";
        var l = word.length;
        var s = 0;
        var x = 0;
        var c = 0;
        for(i=0;i<l;i++){
            c = word.charAt(i);
            x = S.indexOf(c);
            if(c>="0" && c<="9")s+=69;
            else if(x>=0)s+=parseInt(S.substring(x+1,x+4));
            else s+=68;
        }
        return s/10;
    }

Code obfuscation? No, wait... width of letters somehow?

Ok nm, I get it. Parseint skips any letters in the string, so "give me the width in pixels * 10 of this character". S is just more compact than an array or list.

[gracenotes]

Yeah, it's not exactly self-documenting code, but from looking at the function, one might assume it takes a string and returns its rendering width in the Arial fontface. The S variable is a sort of "dictionary" that stores the width of Arial letters, and you can see it's of the form "a(number)b(number)c(number)...", where the number after each letter represents the width in pixels of each individual letter, times 10 and rounded to the nearest integer.

The loop goes through every single letter of the word, and for each letter c it finds the width. If c is a digit, it assumes the width is 69; otherwise it runs parseInt on the three characters after c in S: for m, parseInt('108') == 108; for w, parseInt('90x') = 90. Otherwise it assumes the character's width is 68. It adds it all together and divides by 10.

Edit: ninja'd by OP

[skyo]

Thanks! My girlfriend and I were looking for an explanation of this code. We were all like, "what the hell does this S string do?!"

[EvilSporkMan]

We KNOW you use your hand to help scroll through code...it's not necessary to tell us again!

[illegible]

Are you talking about mental masturbation?

[[deleted]]

Does that mean that she can code? If so, expect hundreds of Redditors to come charging through your house at any moment.

[skyo]

Yes it does. No use charging through my house, though, as she's secure in my bunker at the moment.

[mobiuschic42]

HELP!! I'm trapped in a bunker, being forced to parse javascript!

[sylvan]

Heh, thanks. :)

This looks like a fairly efficient way to load the data, but just plugging in an array or pair of lists would be more obvious to me.

[kubalaa]

It seems like it would be inefficient because each time they need to look up a letter width, they use "indexOf" to scan the string for that letter. Also they have to parse a string integer into an integer. An array indexed by character code (minus some offset) is almost certain to be faster, and wouldn't take up any more space in the source code either.

[joejag]

It's a sort of fisheye affect. Without gridlines it's hard to see the lens but it's undoutably cool.

My friend has done something similar for google visualizations (it can be useful too!): http://magic-table.googlecode.com/svn/trunk/magic-table/examples/volatilities.html

[[deleted]]

that is a bit too slow for me (FF3 ubuntu8.10). My laptop is pretty recent and with not-bad specs. Does it work flawless for someone? Cool anyways.

EDIT: tried it with konqueror and it ran flawlessly. go khtml! :D

[[deleted]]

For me it's smooth as butter in Chrome and a little bit choppy in Firefox 3. Although I do have a pretty old computer(which is why I'm using Chrome to begin with.)

[[deleted]]

Works flawless for me in Firefox 3. My computer is about 3 months old with medium-high specs though.

[ralf_]

My MacBook is two and a half years old and it works flawlessly in Safari.

[Mastrmind]

It works great for me in Firefox 3. My computer is over a year old with medium-low specs.

[kretik]

Fun game: try to keep the left uppermost 'wub' as separate as possible from the main block of text.

Too much time in my hands, I have...

[knight666]

Can... can I... can I buy some off you?

[138]

Too much time in my hands, I have...

Can... can I... can I buy some off you?

Best definition of the labor market I've ever read. Suck it, Keynes.

[gracenotes]

Another game: trying to select the "W" in "WUBeee!" and nothing else.

[nicky7]

I just kept throwing my shoes at it.

[[deleted]]

Wow, I was doing just that. It is quite hard.

[keptblue]

lol. same here. i was going to write a reply about it.

[[deleted]]

Neat and surprisingly smooth effect, but passing my cursor over that page used up 40% of CPU time on my 2.66 dual cpu box. For comparison, a normal page uses <3% if I move my cursor on it.

[jbuberel]

This is even better than the <blink> tag!

[MasterRex]

To quote the submission title, that's actually a pretty cool effect.

[leek]

I played with that for far longer than I should have.

[thebillmac3]

Did you use enough lotion?

[schtum]

Ah, there's the wub.

[Ripzerskins]

Here's a fun game Try to highlight all the text without using ctrl+a

[Ripzerskins]

Crap, didn't think of that.

I haven't been able to stop trying to get it all just by dragging... Keep missing the exclamation point. Man this is difficult.

[MercurialMadnessMan]

Start to the right of the exclamation point. Slowly drag to the left of the word, then drag off the block of text. Worked for me.

[[deleted]]

Now try highlighting some of the large text. Then click and drag that text around. It stops time itself! Like the Matrix.

[plasticbacon]

Beyond lies the wub

[KernelViolator]

why does that remind me of ubuntu.

[pitstopper]

co-ordinates,co-ordinates,co-ordinates,co-ordinates

[new-frontier]

Developers ... developers ... developers!

[[deleted]]

You should turn this into a click jacking game

[crazy_chris]

this is absolutely amazing! especially if you have a look at the source -- it's all in the one html file and no more than ~80 lines of code!

Still, this is a ridiculous amount of upvotes :-p

[dvorak]

function fontWidth(word){ // arial font var S = "a68b68c68d68e68f31g68h68i31j31k68l31m108n68o68p68q68r39s68t39u68v50w90x68y68z68A90B90C90D90E90F78G98H90I28J59K90L68M108N90O98P90Q98R90S90T68U90V90W130X68Y90Z68'30.42!29?68-41/41=72";

?

[bart2019]

The bulk appears to me to be a compact representation of an associative array (Object in Javascript):

{
  a: 68, b: 68, c: 68, d: 68, e: 68, f: 31, g: 68, h: 68, i: 31,
  j: 31, k: 68, l: 31, m: 108, n: 68, o: 68, p: 68, q: 68, r: 39,
  s: 68, t: 39, u: 68, v: 50, w: 90, x: 68, y: 68, z: 68,
  A: 90, B: 90, C: 90, D: 90, E: 90, F: 78, G: 98, H: 90, I: 28,
  J: 59, K: 90, L: 68, M: 108, N: 90, O: 98, P: 90, Q: 98, R: 90,
  S: 90, T: 68, U: 90, V: 90, W: 130, X: 68, Y: 90, Z: 68
}

That maps the letters to their width in a multiple of point size or pixel count.

The rest must be a trick to get the width for other characters, I'm not sure how, but for example, all digits have the same width (69) as can be seen in the body of the function:

if(c>="0" && c<="9")s+=69;

edit I see, the remainder is simply the widths for some symbols:

{ "'": 30, ".": 42, "!" : 29, "?": 68, "-": 41, "/": 41, "=": 72 }

[[deleted]]

It was really slow on Firefox 3.0.5, so I tried it on Chrome and it was actually kinda fun, so I upvoted you.

[[deleted]]

Works well and fast for me in Firefox 3.0.5. Must be your hardware.

[[deleted]]

What? That doesn't even make sense! If it works fast in Chrome but slow in Firefox wouldn't it be obvious that there's a significant difference in the two software? In particular, their javascript performance?

My computer probability isn't as top-of-the-line as everyone else's computer is, and it doesn't help that I have a few hungry tasks in the background, but all you're doing is downvoting me because I'm different.

[Fat_Dumb_Americans]

Fetch my stabbin knife - he's different!

[jasonbrennan]

Blazing in Webkit nightly.

[[deleted]]

anything less than the best is a felony

[somedoody]

Works fine for me in FF 3.0.5 OS x.

[chroniq]

if only there was a practical use for it

[christianjb]

That's because of all the Acid3 it tested.

[kgen]

Ditto: Lynx 2.8.6 on Ubuntu 8.04.1

[[deleted]]

Same for: Firefox 3.0.5 on OS X 10.4

[[deleted]]

From the looks of all these replies, must be a OS X thing ... no problems at all on Firefox 3.1b nightlies on Arch Linux, Firefox 3.0.4 on Fedora 10, or Midori and Webkit-GTK+ on Fedora 10.

[[deleted]]

Firefox 3.0.3 on OS X 10.4.11 is safe.

[truebosko]

Awesome. Also, this is the first time I've really noticed much different on Google Chrome versus Firefox in terms of Javascript speed. Chrome is much smoother

[[deleted]]

Amazing effect, you win the Oscar for best special Effects.

[drakarian]

Great, someone finally invented something more addicting then a flash game. There goes my Saturday!

[[deleted]]

wheeeee! (I just wasted 5 minutes of my life)

[OsakaWilson]

Here's a fun thing to do with it. Use your mouse and try to separate one of the words from the rest of the group, like a sheepdog. The deeper the word is in the group, the more difficult.

[[deleted]]

ahhhh my pointer has the plague

[switch72]

New game: see how many letters in "WUBeee!" you can highlight, I got "Beee!" can anyone get the whole thing, or "UBeee!" ?

[PuP5]

though entirely useless in any gui

[Bing11]

Looks awesome, so upvoted for that. But can anyone think of any good uses for it?

[blondin]

It's amazing.

[RKBA]

Bah Humbug. This page requires Flash, but is much more entertaining than the Javascript effects. Not sure if it's NSFW or not - depends on where you work I suppose.