Fold the DOM like paper

Re:Fold the DOM like paper by com2kid on Saturday November 30, 2013 @06:22AM (#6822875)

The horrible aliasing on everything (at least in FF!) makes this a real no go. Everything just looks terrible, and the performance isn't all that good either.

(No IE11 supports at all, I'm hoping it at least runs well in Chrome / Webkit browsers?)

(I hate to be negative, but the aliasing really is quite extreme! Sorry!)

[ Parent | on HN ]

Re:Fold the DOM like paper by RyanZAG on Saturday November 30, 2013 @06:26AM (#6822879)

I saw the problem in FF too. I checked it out in Chrome though and it looks much better - the aliasing effect is much less noticeable and performance is better. I'd guess it isn't properly optimized for FF somehow.

[ Parent | on HN ]

Re:Fold the DOM like paper by ux-app on Saturday November 30, 2013 @06:46AM (#6822903)

jaggies in Firefox can be solved with:

  outline: 1px solid transparent;

added to elements with class .oridomi-mask

It's a hack but it does give nice anti-aliased edges.

Performance is perfectly smooth for me even with the AA hack above on Windows.

[ Parent | on HN ]

Re:Fold the DOM like paper by com2kid on Saturday November 30, 2013 @08:35AM (#6823107)

> Performance is perfectly smooth for me even with the AA hack above on Windows.

Playing with it more, my performance complaints appear to actually be caused by individual elements losing my mouse when I am clicked down on them and then drag outside of their bounds. This makes it seem like I have to keep re-grabbing things, the end effect is a lot of stuttering as I release and reclick on an element to grab a hold of it ahead.

Purely perceptual, but still nasty.

[ Parent | on HN ]