Dynamic Grid with Transitions
By Mary Lou on
A dynamic grid layout that let's you choose how many rows and columns of items are shown. Partly based on the visualization of Google Trends, except that you can ad ...
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.
Creative Button Styles
By Mary Lou on
Some creative and modern button styles and effects for your inspiration. ...
Simple Icon Hover Effects
By Mary Lou on
A set of simple round icon hover effects with CSS transitions and animations for your inspiration. ...
Examples of Pseudo-Elements Animations and Transitions
By Marco Barria on
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects. ...
Morphing Devices
By Mary Lou on
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots. ...
A Collection of Page Transitions
By Pedro Botelho on
A showcase collection of various page transition effects using CSS animations. ...
Text Opening Sequence with CSS Animations
By Mary Lou on
A simple and fun text opening sequence effect with blurry letters using CSS animations. ...
Fullscreen Layout with Page Transitions
By Mary Lou on
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 ...
Responsive Multi-Level Menu
By Mary Lou on
A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. ...
Flipping Circle Slideshow
By Mary Lou on
A simple circular slideshow where we flip the image in order to navigate. ...
3D Image Gallery Room
By Mary Lou on
An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls. ...
3D Book Showcase
By Mary Lou on
An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms. ...
Slider Pagination Concept
By Mary Lou on
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 ...
Sticky Captions Concept
By Mary Lou on
A little trick on how to make captions of thumbnails or items "sticky" in order to stay visible in the window or viewport. ...
Responsive & Touch-Friendly Audio Player
By Osvaldas Valutis on
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. ...
StackSlider: A Fun 3D Image Slider
By Pedro Botelho on
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 ...
Simple Effects for Drop-Down Lists
By Mary Lou on
A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects. ...
Calendario: A Flexible Calendar Plugin
By Mary Lou on
A jQuery calendar plugin for creating flexible calendars. ...
Adaptive Thumbnail Pile Effect with Automatic Grouping
By Pedro Botelho on
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 ...
Baraja: A Plugin for Spreading Items in a Card-Like Fashion
By Pedro Botelho on
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 ...
Gamma Gallery: A Responsive Image Gallery Experiment
By Mary Lou on
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 ...
PFold: Paper-Like Unfolding Effect
By Pedro Botelho on
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 ...
Windy: A Plugin for Swift Content Navigation
By Pedro Botelho on
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 Pedro Botelho on
A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages. ...