Clik here to view.
Fullscreen Slideshow with HTML5 Audio and jQuery
View demo Download source 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 give life...
View ArticleClik here to view.
Expanding Fullscreen Grid Portfolio
View demo Download source Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we...
View ArticleClik here to view.
Automatic Image Montage with jQuery
View demo Download source 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 image number...
View ArticleClik here to view.
Draggable Image Boxes Grid
View demo Download source 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 like...
View ArticleClik here to view.
Fullscreen Image 3D Effect with CSS3 and jQuery
View demo Download source Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image’s fullscreen version by rotating two blocks in three-dimensional space....
View ArticleClik here to view.
Fullscreen Image Blur Effect with HTML5
View demo Download source Today we want to share a neat image blur effect with you. Using canvas, we want to blur images on the transition to another one, creating a smooth effect. We will be using...
View ArticleClik here to view.
Fullscreen Background Image Slideshow with CSS3
View demo Download source 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 appear using...
View ArticleClik here to view.
Fullscreen Video Slideshow with BigVideo.js
View demo Download source (Please note that the ZIP file does not contain any video files due to their size.) BigVideo.js is a jQuery plugin that makes it easy to create fit-to-fill background video...
View ArticleClik here to view.
Fullscreen Pageflip Layout
View demo Download source We have received a couple of requests on how to use the BookBlock plugin in fullscreen. So, we decided to create a fullscreen layout, apply BookBlock to it and add a sidebar...
View ArticleClik here to view.
Fullscreen Form Interface
View demo Download source Today we’d like to share a fullscreen form concept with you. The idea is to extend the minimal form concept and only show one question or form field at a time in fullscreen....
View ArticleClik here to view.
How to Create a Fullscreen Video Opening Animation
View demo Download source In this in-depth tutorial we want to show you how to create a similar video opening effect to the one seen on momentsapp.com. If you click the “Watch the video” button on the...
View ArticleClik here to view.
Motion Reveal Slideshow
Today we’d like to share another slideshow with you. The idea is to have a bit more of motion when navigating between the slides and showing another preview part with a fullscreen image. The...
View ArticleClik here to view.
Fullscreen Hover Loop Effect
Today we’d like to share a little artsy effect with you. The idea is to show a fast fullscreen preview of images when hovering over a special link. In our demo we use the concept of a photographer’s...
View ArticleClik here to view.
Creating Grid-to-Fullscreen Animations with Three.js
Animations play a big role in how users feels about your website. They convey a lot of the personality and feel of your site. They also help the user navigate new and already known screens with more...
View ArticleClik here to view.
A Configurator for Creating Custom WebGL Distortion Effects
In one of our previous tutorials we showed you how to create thumbnail to fullscreen WebGL distortion animations. Today we would like to invite you to build your own personalized effects by using the...
View ArticleClik here to view.
Rapid Image Layers Animation
A while back, I came across this tweet by Twitter Marketing, which shows a video with a really nice intro animation. So I made a quick demo, trying to implement that effect. The idea is to animate...
View Article