preview Archives

Magnetic 3D Grid Interaction with Content Preview

By Mary Lou on April 21, 2021

A grid layout with a magnetic 3D interaction effect and a content preview animation.

Preview to Full Content Page Transition

By Mary Lou on April 7, 2021

An experimental page transition concept for magazines and blogs where an excerpt item opens for a full page view.

Animated Image Columns

By Mary Lou on May 16, 2019

An experimental web layout where several image columns get animated out when a menu item is clicked.

Diagonal Slideshow

By Mary Lou on August 28, 2018

A slideshow with a "diagonal" look and three visible slides. A decorative background element expands to fullscreen when opening the content preview.

Folder Preview Ideas

By Mary Lou on May 17, 2017

Some ideas for previewing or just playing with folders on hover. The idea is to show a little animation when hovering a folder icon and reveal some kind of preview f

Cinema Seat Preview Experiment

By Mary Lou on January 12, 2016

An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.

Thumbnail Grid with Expanding Preview

By Mary Lou on March 19, 2013

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

Thumbnails Preview Slider with jQuery

By Mary Lou on January 27, 2011

In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slide

Image Highlighting and Preview with jQuery

By Mary Lou on July 4, 2010

In this tutorial we will show you how to highlight and preview images that are integrated in an article or spread over a page. This is a nice way to allow users to v

Cookie	Duration	Description
__utma	2 years	This cookie is set by Google Analytics and is used to distinguish users and sessions. The cookie is created when the JavaScript library executes and there are no existing __utma cookies. The cookie is updated every time data is sent to Google Analytics.
__utmb	30 minutes	The cookie is set by Google Analytics. The cookie is used to determine new sessions/visits. The cookie is created when the JavaScript library executes and there are no existing __utma cookies. The cookie is updated every time data is sent to Google Analytics.
__utmc	session	The cookie is set by Google Analytics and is deleted when the user closes the browser. The cookie is not used by ga.js. The cookie is used to enable interoperability with urchin.js which is an older version of Google analytics and used in conjunction with the __utmb cookie to determine new sessions/visits.
__utmt	10 minutes	The cookie is set by Google Analytics and is used to throttle request rate.
__utmz	6 months	This cookie is set by Google analytics and is used to store the traffic source or campaign through which the visitor reached your site.

Cookie	Duration	Description
IDE	1 year 24 days	Used by Google DoubleClick and stores information about how the user uses the website and any other advertisement before visiting the website. This is used to present users with ads that are relevant to them according to the user profile.
test_cookie	15 minutes	This cookie is set by doubleclick.net. The purpose of the cookie is to determine if the user's browser supports cookies.

Cookie	Duration	Description
_mcid	1 year	No description
ak_bmsc	2 hours	No description
cookielawinfo-checkbox-functional	1 year	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-others	1 year	No description