5 deleted 813 characters in body
source | link

JavaScript132 + jQuery27 - 20 - 50 = 89

Javascript (93132)

http://jsfiddle.net/kelunik/5WC87/3/embedded/result/

163 - 20 - 50 = 93

r=Math.random;setInterval("$('body').append($('<i>∘</i>').css({left:r()*2e3,top:r()*2e3,color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

177 - 20 - 50 = 107

b=$('body'),r=Math.random;setInterval("b.append($('<i>∘</i>').css({left:r()*100+'vw',top:r()*100+'vh',color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

http://jsfiddle.net/kelunik/5WC87/2/

Old versionCSS (side view27)

191 - 20 - 50 = 121

setInterval("$('body').append($('<i>|</i>').css(i{left:Math.random()*$('body').width(),color:'blue',position:'fixed',transform:'rotate(20deg)'}).animate({left:'-=100px',topblue;position:'100%'},500))", 1);fixed

http://jsfiddle.net/kelunik/5WC87/

Update: Even shorterDemo:

162 - 20 - 50 = 92

setInterval("$('body').append($('<i>∖</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed'}).animate({left:'+=100',top:'100%'},800))",1);

Firefox:http://jsfiddle.net/kelunik/5WC87/4/embedded/result/

  • Open a page with j
  • Strg + Shift + k
  • Paste code the console

JavaScript + jQuery (93)

http://jsfiddle.net/kelunik/5WC87/3/embedded/result/

163 - 20 - 50 = 93

r=Math.random;setInterval("$('body').append($('<i>∘</i>').css({left:r()*2e3,top:r()*2e3,color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

177 - 20 - 50 = 107

b=$('body'),r=Math.random;setInterval("b.append($('<i>∘</i>').css({left:r()*100+'vw',top:r()*100+'vh',color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

http://jsfiddle.net/kelunik/5WC87/2/

Old version (side view)

191 - 20 - 50 = 121

setInterval("$('body').append($('<i>|</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed',transform:'rotate(20deg)'}).animate({left:'-=100px',top:'100%'},500))", 1);

http://jsfiddle.net/kelunik/5WC87/

Update: Even shorter:

162 - 20 - 50 = 92

setInterval("$('body').append($('<i>∖</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed'}).animate({left:'+=100',top:'100%'},800))",1);

Firefox:

  • Open a page with j
  • Strg + Shift + k
  • Paste code the console

132 + 27 - 20 - 50 = 89

Javascript (132)

r=Math.random;setInterval("$('body').append($('<i>∘</i>').css({left:r()*2e3,top:r()*2e3}).animate({left:'+=70',fontSize:0},500))",1)

CSS (27)

i{color:blue;position:fixed

Demo: http://jsfiddle.net/kelunik/5WC87/4/embedded/result/

4 added 233 characters in body
source | link

JavaScript + jQuery (10793)

http://jsfiddle.net/kelunik/5WC87/3/embedded/result/

163 - 20 - 50 = 93

r=Math.random;setInterval("$('body').append($('<i>∘</i>').css({left:r()*2e3,top:r()*2e3,color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

177 - 20 - 50 = 107

b=$('body'),r=Math.random;setInterval("b.append($('<i>∘</i>').css({left:r()*100+'vw',top:r()*100+'vh',color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

http://jsfiddle.net/kelunik/5WC87/2/

Old version (side view)

191 - 20 - 50 = 121

setInterval("$('body').append($('<i>|</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed',transform:'rotate(20deg)'}).animate({left:'-=100px',top:'100%'},500))", 1);

http://jsfiddle.net/kelunik/5WC87/

Update: Even shorter:

162 - 20 - 50 = 92

setInterval("$('body').append($('<i>∖</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed'}).animate({left:'+=100',top:'100%'},800))",1);

Firefox:

  • Open a page with j
  • Strg + Shift + k
  • Paste code the console

JavaScript + jQuery (107)

177 - 20 - 50 = 107

b=$('body'),r=Math.random;setInterval("b.append($('<i>∘</i>').css({left:r()*100+'vw',top:r()*100+'vh',color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

http://jsfiddle.net/kelunik/5WC87/2/

Old version (side view)

191 - 20 - 50 = 121

setInterval("$('body').append($('<i>|</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed',transform:'rotate(20deg)'}).animate({left:'-=100px',top:'100%'},500))", 1);

http://jsfiddle.net/kelunik/5WC87/

Update: Even shorter:

162 - 20 - 50 = 92

setInterval("$('body').append($('<i>∖</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed'}).animate({left:'+=100',top:'100%'},800))",1);

Firefox:

  • Open a page with j
  • Strg + Shift + k
  • Paste code the console

JavaScript + jQuery (93)

http://jsfiddle.net/kelunik/5WC87/3/embedded/result/

163 - 20 - 50 = 93

r=Math.random;setInterval("$('body').append($('<i>∘</i>').css({left:r()*2e3,top:r()*2e3,color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

177 - 20 - 50 = 107

b=$('body'),r=Math.random;setInterval("b.append($('<i>∘</i>').css({left:r()*100+'vw',top:r()*100+'vh',color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

http://jsfiddle.net/kelunik/5WC87/2/

Old version (side view)

191 - 20 - 50 = 121

setInterval("$('body').append($('<i>|</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed',transform:'rotate(20deg)'}).animate({left:'-=100px',top:'100%'},500))", 1);

http://jsfiddle.net/kelunik/5WC87/

Update: Even shorter:

162 - 20 - 50 = 92

setInterval("$('body').append($('<i>∖</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed'}).animate({left:'+=100',top:'100%'},800))",1);

Firefox:

  • Open a page with j
  • Strg + Shift + k
  • Paste code the console
3 added 283 characters in body
source | link

JavaScript + jQuery (107)

177 - 20 - 50 = 107

b=$('body'),r=Math.random;setInterval("b.append($('<i>∘</i>').css({left:r()*100+'vw',top:r()*100+'vh',color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

http://jsfiddle.net/kelunik/5WC87/2/

Old version (side view)

191 - 20 - 50 = 121

setInterval("$('body').append($('<i>|</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed',transform:'rotate(20deg)'}).animate({left:'-=100px',top:'100%'},500))", 1);

http://jsfiddle.net/kelunik/5WC87/

Firefox:

  • Open a page with j
  • Strg + Shift + k
  • Paste code the console

Update: Even shorter:

162 - 20 - 50 = 92

setInterval("$('body').append($('<i>∖</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed'}).animate({left:'+=100',top:'100%'},800))",1);

Firefox:

  • Open a page with j
  • Strg + Shift + k
  • Paste code the console

JavaScript + jQuery

191 - 20 - 50 = 121

setInterval("$('body').append($('<i>|</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed',transform:'rotate(20deg)'}).animate({left:'-=100px',top:'100%'},500))", 1);

http://jsfiddle.net/kelunik/5WC87/

Firefox:

  • Open a page with j
  • Strg + Shift + k
  • Paste code the console

Update: Even shorter:

162 - 20 - 50 = 92

setInterval("$('body').append($('<i>∖</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed'}).animate({left:'+=100',top:'100%'},800))",1);

JavaScript + jQuery (107)

177 - 20 - 50 = 107

b=$('body'),r=Math.random;setInterval("b.append($('<i>∘</i>').css({left:r()*100+'vw',top:r()*100+'vh',color:'blue',position:'fixed'}).animate({left:'+=70',fontSize:0},500))",1);

http://jsfiddle.net/kelunik/5WC87/2/

Old version (side view)

191 - 20 - 50 = 121

setInterval("$('body').append($('<i>|</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed',transform:'rotate(20deg)'}).animate({left:'-=100px',top:'100%'},500))", 1);

http://jsfiddle.net/kelunik/5WC87/

Update: Even shorter:

162 - 20 - 50 = 92

setInterval("$('body').append($('<i>∖</i>').css({left:Math.random()*$('body').width(),color:'blue',position:'fixed'}).animate({left:'+=100',top:'100%'},800))",1);

Firefox:

  • Open a page with j
  • Strg + Shift + k
  • Paste code the console
2 added 216 characters in body
source | link
1
source | link