All Tutorial

Slicebox – A fresh 3D image slider with graceful fallback

Slicebox – A fresh 3D image slider with graceful fallback

April 25, 2013 Tutorial Blog 49 views

Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don’t support the new properties.

Flipping Circle Slideshow

Flipping Circle Slideshow

January 29, 2013 Tutorial Blog 255 views

A simple circular slideshow where we flip the image in order to navigate.

Opentip: A Free JavaScript Tooltip Class

Opentip: A Free JavaScript Tooltip Class

January 28, 2013 Tutorial Blog 235 views

Opentip is a free opensource Java-Script tooltip class. There are great styles built right into opentip and it’s easy to create your own. Opentips can automatically download their contents via AJAX. It’s extremely easy to configure them to do so. Joints and targets allow you to position the tooltip exactly where you want it. Stems [...]

3D Image Gallery Room

3D Image Gallery Room

January 28, 2013 Tutorial Blog 225 views

An experimental image gallery with a realistic touch: the images are displayed in a 3D room with walls.

Open Source Drag & Drop File Uploads with Dropzone.js

Open Source Drag & Drop File Uploads with Dropzone.js

January 27, 2013 Tutorial Blog 235 views

Dropzone.js is an open source library that provides drag’n’drop file uploads by simply including a java-script file. It views previews of images and you can register to different events to control how and which files are uploaded. It supports Chrome 7+, Firefox 4+, IE 10+, Opera 12+ and Safari 5+. For all the other browsers, [...]

Slider Pagination Concept

Slider Pagination Concept

December 22, 2012 Tutorial Blog 137 views

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 to stay easily accessible.

Fullscreen Pageflip Layout

Fullscreen Pageflip Layout

December 17, 2012 Tutorial Blog 116 views

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Sticky Captions Concept

Sticky Captions Concept

December 15, 2012 Tutorial Blog 100 views

A little trick on how to make captions of thumbnails or items “sticky” in order to stay visible in the window or viewport.

Baraja: A Plugin for Spreading Items in a Card-Like Fashion

Baraja: A Plugin for Spreading Items in a Card-Like Fashion

November 14, 2012 Tutorial Blog 209 views

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

Gamma Gallery: A Responsive Image Gallery Experiment

November 13, 2012 Tutorial Blog 191 views

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.

Make an HTML5 & CSS3 Flipbook with Turn

Make an HTML5 & CSS3 Flipbook with Turn

November 3, 2012 Tutorial Blog 243 views

Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5. It works on most browsers and [...]

PFold: Paper-Like Unfolding Effect

PFold: Paper-Like Unfolding Effect

October 21, 2012 Tutorial Blog 166 views

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.

Page 1 of 3123