Page Flip Layout
In Playground, by Manoela Ilic
A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.
flip
Scattered Polaroids Gallery
In Playground, by Manoela Ilic
A flat-style Polaroid gallery where the items are scattered randomly in a container. When a specific item is selected, it will move to the middle while the other Polaroids will make space for it by moving to the sides. Optionally, an item can have a backface which will be shown by flipping the Polaroid when clicking on the current navigation dot again.
“Look Inside” Book Preview with BookBlock
In Playground, by Manoela Ilic
A “look inside” book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation.
BookBlock Revised
In Articles, by Manoela Ilic
The content flip plugin BookBlock has been updated and improved. Content can be flipped vertically and horizontally, and we’ve added support for RTL among other things.
3D Book Showcase
In Playground, by Manoela Ilic
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
Fullscreen Pageflip Layout
In Tutorials, by Manoela Ilic
A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.
3D Restaurant Menu Concept
In Tutorials, by Manoela Ilic
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
BookBlock: A Content Flip Plugin
In Playground, by Manoela Ilic
A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages.
3D Thumbnail Hover Effects
In Tutorials, by Manoela Ilic
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.
Experimental Page Layout Inspired by Flipboard
In Playground, by Manoela Ilic
An experimental page layout that let’s you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard.
Moleskine Notebook with jQuery Booklet
In Tutorials, by Manoela Ilic
Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from […]
