A library to add peeling to the center of your content. This was inspired by the brilliant folks over at Teehan+Lax and introduced in their blog post for UX considerations for Medium.
Look at the demo of the user experience here! http://mattduvall.com/peeler.js/
Getting the peeling to your content will be quick and easy, follow these few steps:
- Include
peeler.cssandpeeler.js. - After the JS is loaded, start the peeler by doing
(new Peeler()).bind() - You are good to go?
Every <article> element will become "peelable", the height of the peel will be set to the current screens height.
To override this, add a data-height attribute to the <article>. Supported heights are only greater than the screen.height.
- Interaction to peel a page that is smaller than the screen height?