Christmas tree made out of form elements (webkit) (opens in new tab)

(hakim.se)

298 pointshakim14y ago33 comments

33 comments

32 comments · 18 top-level

badclient14y ago· 4 in thread

Freezes my iPhone.

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.

kazoolist14y ago

Works fine (I presume slower than on a desktop; but certainly doesn't crash!) on my Galaxy Nexus.

Andrenid14y ago

Crashed the HN app on my iPhone4 too. Not that I'm surprised, it's a pretty heavy page for the phone to load.

domness14y ago

Fine on the iPhone 4S

ck214y ago· 3 in thread

Impressive. I wonder when Firefox will get the transformation support - not that it's very practical for anything right now.

gkoberger14y ago

http://hacks.mozilla.org/2011/10/css-3d-transformations-in-f...

hakimOP14y ago

They added support in FF10, so it should make it to their stable release in around two months.

dancsi14y ago

Are you sure? I'm using Nightly 12.0a1, and it is very slow (1-2fps). It's still smooth in Chrome, though.

1 more reply

bradleyland14y ago· 2 in thread

I love that you can still click on the dropdowns and they work. You can also type in the text entry fields.

baddox14y ago

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. :)

jerryr14y ago

I just spent way too much time catching and clicking all the radio buttons...

magoon14y ago· 2 in thread

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.

theturtle3214y ago

It was fine on my iPhone 4.

logic14y ago

Surprisingly, this was usable on my iPhone 3G.

gary4gar14y ago· 2 in thread

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 :)

baddox14y ago

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.

sopooneo14y ago

CSS Transforms on Chrome on Linux have been giving me problems even though they're fine on Windows or Mac Chrome.

jakubw14y ago· 1 in thread

Cool. Christmas trees aren't flat though, you could have made it use the whole space rather than one plane. Merry Christmas.

seanp2k214y ago

This tree is just as 3D as the trees in current state-of-the-art first person shooters.

saurik14y ago

Totally reminded me of: http://unicodexmas.com/ <- Christmas tree made out of "valid, semantic, and imageless HTML and CSS", ornamented with Unicode characters.

joejohnson14y ago

That looks pretty nice on an iPad :)

tambourine_man14y ago

Runs fine on iPhone 3G. Impressive.

joelackner14y ago

more clever working coming from you, hakim. love that the elements are still usable.

eternalmatt14y ago

I was watching memory usage rapidly climb. Pretty fun though!

jasondrowley14y ago

That's marvelous. Good work. And Merry Christmas!

pkulak14y ago

Well, that completely destroyed my iPad 1.

iamandrus14y ago

That's awesome! Keep up the great work. :D

evertonfuller14y ago

Awesome. Merry Christmas!

orofino14y ago

Cool. Merry Christmas.

seanp2k214y ago

hahahahaha, I approve of this DOM debauchery.

zobzu14y ago

works fine on (Gecko/FF10).

j / k navigate · click thread line to collapse

33 comments

32 comments · 18 top-level

badclient14y ago· 4 in thread

Freezes my iPhone.

callumjones14y ago

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.

kazoolist14y ago

Works fine (I presume slower than on a desktop; but certainly doesn't crash!) on my Galaxy Nexus.

Andrenid14y ago

Crashed the HN app on my iPhone4 too. Not that I'm surprised, it's a pretty heavy page for the phone to load.

domness14y ago

Fine on the iPhone 4S

ck214y ago· 3 in thread

Impressive. I wonder when Firefox will get the transformation support - not that it's very practical for anything right now.

gkoberger14y ago

http://hacks.mozilla.org/2011/10/css-3d-transformations-in-f...

hakimOP14y ago

They added support in FF10, so it should make it to their stable release in around two months.

dancsi14y ago

Are you sure? I'm using Nightly 12.0a1, and it is very slow (1-2fps). It's still smooth in Chrome, though.

1 more reply

bradleyland14y ago· 2 in thread

I love that you can still click on the dropdowns and they work. You can also type in the text entry fields.

baddox14y ago

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. :)

jerryr14y ago

I just spent way too much time catching and clicking all the radio buttons...

magoon14y ago· 2 in thread

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.

theturtle3214y ago

It was fine on my iPhone 4.

logic14y ago

Surprisingly, this was usable on my iPhone 3G.

gary4gar14y ago· 2 in thread

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 :)

baddox14y ago

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.

sopooneo14y ago

CSS Transforms on Chrome on Linux have been giving me problems even though they're fine on Windows or Mac Chrome.

jakubw14y ago· 1 in thread

Cool. Christmas trees aren't flat though, you could have made it use the whole space rather than one plane. Merry Christmas.

seanp2k214y ago

This tree is just as 3D as the trees in current state-of-the-art first person shooters.

saurik14y ago

Totally reminded me of: http://unicodexmas.com/ <- Christmas tree made out of "valid, semantic, and imageless HTML and CSS", ornamented with Unicode characters.

joejohnson14y ago

That looks pretty nice on an iPad :)

tambourine_man14y ago

Runs fine on iPhone 3G. Impressive.

joelackner14y ago

more clever working coming from you, hakim. love that the elements are still usable.

eternalmatt14y ago

I was watching memory usage rapidly climb. Pretty fun though!

jasondrowley14y ago

That's marvelous. Good work. And Merry Christmas!

pkulak14y ago

Well, that completely destroyed my iPad 1.