3D Book Showcase
by Manoela Ilic
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
The Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
by Manoela Ilic
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms.
by Manoela Ilic
An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and style while allowing content to stay easily accessible.
by Manoela Ilic
A little trick on how to make captions of thumbnails or items “sticky” in order to stay visible in the window or viewport.
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
by Manoela Ilic
An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
by Manoela Ilic
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
by Manoela Ilic
A jQuery calendar plugin for creating flexible calendars.
by Manoela Ilic
An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions.
by Manoela Ilic
With this jQuery plugin items can be spread in a card-like fashion and displayed in an unusual way. Several parameters allow many different spreading results, allowing a unique pattern.
by Manoela Ilic
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.
by Manoela Ilic
A highly experimental jQuery plugin that let’s you unfold elements to reveal more content just like on a piece of paper. Unfolding directions and number of steps can be specified.
by Manoela Ilic
This jQuery plugin can be used to swiftly navigate content items. The effect will make the items fly away like a deck of cards caught in a tiny storm.
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.
by Manoela Ilic
A 3D thumbnail view concept for image slideshows: the current image gets opened up and a thumbnail view unfolds in 3d.
by Manoela Ilic
A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.
by Manoela Ilic
Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school music cassette.
by Manoela Ilic
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects.
by Manoela Ilic
An experimental page layout that let’s you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard.