The #JS1k contest ended last night. It challenged web coders to write some interesting JavaScript in 1 kilobyte (1024 bytes) or less. That script is put into a basic html page which includes a canvas element and not much else. It’s a pretty crazy challenge – 1k is not a lot of code – and there are some really clever micro-optimisations going on in some of the entries.
But the homepage also states “Bonus points if your submission fits in one tweet ;)“. Now that’s a whole other level of madness. Useful code in 140 bytes? You’ve barely enough room to find the canvas element, let alone do anything with it!
So I decided to make an (unofficial) list of all the entries that are or claim to be tweet-sized. The current js1k homepage doesn’t offer a way to filter entries by size (hint, hint!), so I think this is pretty useful. I listed my own tweetable entries in an earlier post.
Also, I’m giving a copy of Douglas Crockford’s “Javascript: The Good Parts” as a prize for entry that the judges deem is the best of the tweetable ones. I think it’s a fitting prize, packing a whole lot of awesome into a thin package ;)
Tweetable #js1k entries:
vladmanea (134b)
|
demo | |
Tom Hargreaves (142b) Draws a sunflower head, in a tweet-sized 140 characters (142 bytes) |
demo | |
Pogocsan Florin (139b) Alternate squares, fits in a tweet :) |
demo | |
Eleasar (139b) Morse code in a tweet ;) Enter your message at the prompt, an alert-Box shows the message Only ASCII letters a..z/A..Z and german umlauts äöü/ÄÖÜ are supported, Update of #533: shorter algorithm, so room left to support upper case, |
demo
original |
|
AlteredQualia (140b)
http://alteredqualia.com/ Playing with transparency, modulo and blowing over max lightness. For slightly different speed and direction change 84 to 63, 67, 96. Warning: there is some serious flickering, don’t watch this demo if you are prone to seizures. |
demo
original |
|
Mathieu ‘p01′ Henri (139b)
www.p01.org |
demo updated original |
|
Howard Yeend (134b)
puremango.co.uk Also includes the globalAlpha fix as chrome won’t allow <0.01 and Opera won’t allow <0.1 :( |
demo
original |
|
Pinhas (140b) Cesar cipher (http://en.wikipedia.org/wiki/Caesar_cipher) encryption and decryption. Handles lower case letters a..z only. Any other character will be replaced by a space. For decryption enter the key as a negative number. Based on Eleasar’s morse encoder (http://js1k.com/demos#id533) |
demo | |
Pa7 (140b) This app encrypts a text (userinput) into a picture containing just alpha values which represent single characters. Decrypt by reading pixelwise and creating strings from charactercodes. E.g. you could encrypt code into an image, decrypt it in your frontend and eval the decrypted code. - The last improvement of this demo: now it has 140 chars instead of 141 |
demo
original |
|
Alex Kloss (138b) Rohrschach – a sort of reduced spirograph in 138 bytes move the mouse slowly over the canvas to see the effect If you fold over document.body.children[0].onmousemove=function(e){(C=this.getContext(’2d’))[r='fillRect'](x=e.pageX,y=e.pageY,2,2);C[r](y,x,2,2)} |
demo | |
Howard Yeend (140b)
puremango.co.uk |
demo updated original |
|
Howard Yeend (138b)
puremango.co.uk |
demo updated original |
|
Howard Yeend (140b)
puremango.co.uk 140 bytes including #js1k hashtag! woop woop! |
demo updated original |
|
Stefan Schneider-Kennedy (140b)
my.opera.com/splondike Other interesting variations can be generated by changing the rotate |
demo | |
Eleasar (140b) Morse code in a tweet ;) Enter your message at the prompt, an alert-Box shows the message Only characters a..z (lowercase ASCII letters) are allowed, other |
demo updated original |
|
nic (140b)
www.nicolarizzo.com |
demo
original |
|
bradleymeck (139b) Click on the @ to make it change speeds! new: Lower the speed max by 1/2, chrome url compatible (cut an paste |
demo
original |
|
Michal Hantl (140b)
|
demo | |
Otto Bibartiu (133b) Ambient background color changer (tweetable). Move your mouse over the page and the background changes smoothly from green to blue. You can easily customize the colors by editing the last part of to code… |
demo | |
ryan (140b)
shiing.com *ff-friendly version (fixed-size width & height) |
demo | |
Anthony Bowyer-Lowe (130b)
lowbroweye.com Essentially, darts are thrown randomly at a 1 unit size square . The This implementation only uses a single quadrant of the square/circle to |
demo
original |
|
Chris Francis (140b)
|
demo updated original |
|
Hans Schmucker (140b)
www.tapper-ware.net |
demo updated original |
|
Matthias Reuter (120b)
united-coders.com |
demo
original |
|
Karsithe (140b)
hazelmckendrick.com |
demo
original |
|
Alexey Malyshev (140b)
malyshev.info |
demo
original |
|
Hans Schmucker (146b)
www.tapper-ware.net |
demo updated original |
|
Hans Schmucker (140b)
www.tapper-ware.net |
demo updated original |
|
Christian Neukirchen (139b)
chneukirchen.org A classic display hack (http://en.wikipedia.org/wiki/Munching_square), in under 140 chars. |
demo
original |
|
Charleston Waltnikki (140b)
trotspot.appspot.com |
demo
original |
|
Thomas Fuchs (94b)
mir.aculo.us |
demo
original |
|
Mathias (81b)
mathiasbynens.be |
demo updated original |
|
Christopher Otto (141b)
timeascolor.com |
demo
original |
|
Amrish Kapoor (137b)
github.com/amrishk |
demo
original |
#1 by Crookes on September 30, 2010 - 11:17 am
Love that you included all the tweetable ones – a bit annoying you couldn’t on the site itself I thought!
#2 by lekzaha on December 1, 2010 - 12:18 am
download System – BigoCaptcha ตรงไหนหรà¸à¸‡à¸±à¸š