Morphing Devices
An experimental morphing devices slideshow with CSS Transitions for showcasing responsive web design screenshots. ... read more
slideshow
Flipping Circle Slideshow
A simple circular slideshow where we flip the image in order to navigate. ... 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
Slit Slider Revised
Slit Slider is a slideshow with a twist: when navigating the slides, the current one will be "cut open" into two slices and moved away, revealing the next or previou ... read more
Slicebox Revised
Slicebox, the jQuery 3D image slider plugin, has been updated. We've done some major improvements and added new features. ... read more
Fullscreen Video Slideshow with BigVideo.js
A tutorial about how to create a slideshow-like fullscreen video background using BigVideo.js, a jQuery plugin for big background video. ... read more
Image Accordion with CSS3
In this tutorial we will create an image accordion that will expand an item on click. Using the sibling combinators and a nested structure we can control the opening ... read more
Fullscreen Slit Slider with jQuery and CSS3
A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuer ... read more
How to Create a Fast Hover Slideshow with CSS3
A little fast-running image slideshow that plays on hover and pauses when mousing out. The current image will stay visible. ... read more
Fluid CSS3 Slideshow with Parallax Effect
In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds whi ... read more
Audio Slideshow with jPlayer
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. ... read more
Fullscreen Background Image Slideshow with CSS3
Happy new year, everybody! Today we will create a CSS-only fullscreen background image slideshow. We'll create different image transitions and also make a title appe ... read more
Elastic Image Slideshow with Thumbnail Preview
Today we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and ... read more
Fullscreen Slideshow with HTML5 Audio and jQuery
In today’s tutorial we'll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to ... read more
20 Unique and Creative Image Sliders
Image sliders and sideshows have become an essential element in web design. They are a great way to display information and visual content in an interesting way. Fro ... read more
Parallax Slider with jQuery
Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different b ... read more
Minimalistic Slideshow Gallery with jQuery
In today’s tutorial we will create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea i ... read more