Morphing Devices
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots. ... read more
Playground
In this category you will find experiments, plugins and articles related to web development and programming. Here we present some new ideas and inspiration for solving problems and tackling challenges around web development.
A Collection of Page Transitions
A showcase collection of various page transition effects using CSS animations. ... read more
Text Opening Sequence with CSS Animations
A simple and fun text opening sequence effect with blurry letters using CSS animations. ... read more
Fullscreen Layout with Page Transitions
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for ... read more
Responsive Multi-Level Menu
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. ... read more
Flipping Circle Slideshow
A simple circular slideshow where we flip the image in order to navigate. ... read more
3D Image Gallery Room
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls. ... read more
3D Book Showcase
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms. ... read more
Slider Pagination Concept
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 t ... read more
Sticky Captions Concept
A little trick on how to make captions of thumbnails or items "sticky" in order to stay visible in the window or viewport. ... read more
Responsive & Touch-Friendly Audio Player
By Osvaldas Valutis 52 Comments
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. ... read more
StackSlider: A Fun 3D Image Slider
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 view ... read more
Simple Effects for Drop-Down Lists
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects. ... read more
Calendario: A Flexible Calendar Plugin
A jQuery calendar plugin for creating flexible calendars. ... read more
Adaptive Thumbnail Pile Effect with Automatic Grouping
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 w ... read more
Baraja: A Plugin for Spreading Items in a Card-Like Fashion
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, allowi ... read more
Gamma Gallery: A Responsive Image Gallery Experiment
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slide ... read more
PFold: Paper-Like Unfolding Effect
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 ... read more
Windy: A Plugin for Swift Content Navigation
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. ... read more
BookBlock: A Content Flip Plugin
A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages. ... read more
Unfolding 3D Thumbnails Concept
A 3D thumbnail view concept for image slideshows: the current image gets opened up and a thumbnail view unfolds in 3d. ... read more
Animated Responsive Image Grid
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 decorati ... read more
Old School Cassette Player with HTML5 Audio
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 mu ... read more
Responsive 3D Panel Layout
A responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects. ... read more