WingNews logo WingNews GitHub [2]
top | item 3391459

Christmas tree made out of form elements (webkit)

298 points| hakim | 14 years ago |hakim.se

33 comments

order
[+] saurik|14 years ago|reply
Totally reminded me of: http://unicodexmas.com/ <- Christmas tree made out of "valid, semantic, and imageless HTML and CSS", ornamented with Unicode characters.
[+] bradleyland|14 years ago|reply
I love that you can still click on the dropdowns and they work. You can also type in the text entry fields.
[+] baddox|14 years ago|reply
It was weird to click those elements on an iPhone and see mobile Safari's select dialog appear from the bottom of the screen, ruining the effect. :)
[+] jerryr|14 years ago|reply
I just spent way too much time catching and clicking all the radio buttons...
[+] joejohnson|14 years ago|reply
That looks pretty nice on an iPad :)
[+] magoon|14 years ago|reply
This was a trap for my iPhone 4 - I couldn't navigate away because it was so graphics intensive. I had to force quit then quickly load another page on startup.
[+] theturtle32|14 years ago|reply
It was fine on my iPhone 4.
[+] jakubw|14 years ago|reply
Cool. Christmas trees aren't flat though, you could have made it use the whole space rather than one plane. Merry Christmas.
[+] seanp2k2|14 years ago|reply
This tree is just as 3D as the trees in current state-of-the-art first person shooters.
[+] gary4gar|14 years ago|reply
Caused Chrome on my Linux machine to crawl, CPU usage of my dual core CPU is about 100%!!

But its pretty cool as an experiment :)

[+] baddox|14 years ago|reply
Really? It ran quite smoothly on my iPhone 4S and my parents' ancient Athlon X2 3800+ (running Windows 7). It took 2-3 seconds to get going, but then it was quite smooth.
[+] sopooneo|14 years ago|reply
CSS Transforms on Chrome on Linux have been giving me problems even though they're fine on Windows or Mac Chrome.
[+] joelackner|14 years ago|reply
more clever working coming from you, hakim. love that the elements are still usable.
[+] eternalmatt|14 years ago|reply
I was watching memory usage rapidly climb. Pretty fun though!
[+] jasondrowley|14 years ago|reply
That's marvelous. Good work. And Merry Christmas!
[+] pkulak|14 years ago|reply
Well, that completely destroyed my iPad 1.
[+] iamandrus|14 years ago|reply
That's awesome! Keep up the great work. :D
[+] badclient|14 years ago|reply
Freezes my iPhone.
[+] callumjones|14 years ago|reply
Fine on the iPhone 4. I suspect running the page through a UIWebView as opposed to MobileSafari will introduce the performance issues of application sandboxing.
[+] kazoolist|14 years ago|reply
Works fine (I presume slower than on a desktop; but certainly doesn't crash!) on my Galaxy Nexus.
[+] Andrenid|14 years ago|reply
Crashed the HN app on my iPhone4 too. Not that I'm surprised, it's a pretty heavy page for the phone to load.
[+] seanp2k2|14 years ago|reply
hahahahaha, I approve of this DOM debauchery.
[+] zobzu|14 years ago|reply
works fine on (Gecko/FF10).