Simple Effects for Drop-Down Lists
by Manoela Ilic
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.
Playground
The Playground features web experiments, concepts, and layouts that push the boundaries of traditional design and showcase the latest in animation techniques.
Calendario: A Flexible Calendar Plugin
by Manoela Ilic
A jQuery calendar plugin for creating flexible calendars.
Adaptive Thumbnail Pile Effect with Automatic Grouping
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.
Baraja: A Plugin for Spreading Items in a Card-Like Fashion
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.
Gamma Gallery: A Responsive Image Gallery Experiment
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.
PFold: Paper-Like Unfolding Effect
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.
Windy: A Plugin for Swift Content Navigation
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.
BookBlock: A Content Flip Plugin
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.
Unfolding 3D Thumbnails Concept
by Manoela Ilic
A 3D thumbnail view concept for image slideshows: the current image gets opened up and a thumbnail view unfolds in 3d.
Animated Responsive Image Grid
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.
Old School Cassette Player with HTML5 Audio
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.
Responsive 3D Panel Layout
by Manoela Ilic
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects.
Experimental Page Layout Inspired by Flipboard
by Manoela Ilic
An experimental page layout that let’s you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard.
Audio Slideshow with jPlayer
by Tyler Craft
Today we’ll share an audio slideshow with you, i.e. a slideshow that will be synced with some audio. We are using the open source audio framework jPlayer.
Direction-Aware Hover Effect with CSS3 and jQuery
by Manoela Ilic
How to create a direction-aware hover effect using CSS3 and jQuery. The idea is to slide in an overlay from the direction we are moving with the mouse.
Parallax Content Slider with CSS3 and jQuery
by Manoela Ilic
A simple parallax content slider with different animations for each slider element and a background parallax effect.
3D Gallery with CSS3 and jQuery
by Manoela Ilic
Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.
Arctext.js – Curving Text with CSS3 and jQuery
by Manoela Ilic
While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.
