HN Explorer

Show HN: oriDomi - Fold up the DOM like paper

7 points by dmotz ↗ HN
Just open sourced a library I've been working on that allows you to target any DOM element and manipulate it like paper.

The core of it works via CSS 3D transforms and it has no external dependencies.

Would love to hear feedback or see what others do with it. I'll add a section for examples in the wild soon.

http://oridomi.com

source: https://github.com/dmotz/oridomi

6 comments

[ 2.1 ms ] story [ 28.3 ms ] thread
znt
Very cool. Does it work with forms?
dmotz
You can definitely target inputs and forms and apply different folding effects to them, however it depends on what axis you're folding on as to whether it will interfere with typing within inputs. I may try to work on this.

You could also of course use folding animations on forms for entrance and exit effects, and then swap them out with non-oriDomi-ed forms in the callback.

relix
Would this work with a SWF on it?
dmotz
Yes, I just gave it a quick shot in Chrome. Make sure to wrap your object tag in a div and target that div with oriDomi. Also, be sure to give the wrapper element the width and height of the swf.

I can't vouch for how robust this is -- especially for interactions -- but it seems to work at least superficially.

relix
Thanks, that's great!