Making Room to Breathe: Wrapping Text Around Elements
Text wrap can be a useful tool when embedding images into blocks of text and when used properly can add to your site’s readability. ... read more
images
Sliding Image Panels with CSS3
Today we'll show you how to create some neat sliding image panels with CSS only. The idea is to use background images for the panels and animate them when clicking o ... read more
Experimental CSS3 Animations for Image Transitions
Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We'll be using CSS3 3D Transforms for Webkit only. ... 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
Wave Display Effect with jQuery
How cool is it to sometimes just display content a little bit differently? Today we want to share an experiment with you that let's you show images and content in a ... read more
Draggable Image Boxes Grid
Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu l ... read more
Multi-level Photo Map
This multi-level map based image gallery makes it possible to show images related to their location. The first level indicates the location of the places where each ... read more
Elastislide – A Responsive jQuery Carousel Plugin
With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is ... read more
Slicebox – A fresh 3D image slider with graceful fallback
With the CSS3 3D transformations we can create some neat effects by transforming elements in three-dimensional space. Slicebox makes use of the 3D transforms propert ... read more
Automatic Image Montage with jQuery
Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right imag ... read more
Portfolio Image Navigation with jQuery
By Marcin Dziewulski 53 Comments
Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in ... 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