Advertise here

Tutorials

Sliding Panels Template with CSS and jQuery

February 17, 2016     4385     Slider
Sliding Panels Template with CSS and jQuery

A simple portfolio template, with project preview images that slide out to reveal the selected project by using css and jQuery.

Read More »

Pointy Slider with CSS and jQuery

January 18, 2016     4309     Slider
Pointy Slider with CSS and jQuery

Pointy Slider is a simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, and unveils a new image.

Read More »

Cinema Seat Preview Experiment with CSS and Javascript

January 13, 2016     4018     CSS3 & CSS
Cinema Seat Preview Experiment with CSS and Javascript

An experimental tutorial where a 3D perspective preview is shown for a selected seat in a cinema room by using CSS3 and javascript.

The purpose of tutorial is to have "realistic" preview of the seat that you selected.

Read More »

Vertical Fixed Navigation

January 07, 2016     3006     Scroll
Vertical Fixed Navigation

A tutorial about creating smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.

Read More »

Reading Progress Indicator with CSS, SVG and jQuery

December 21, 2015     1638     Others
Reading Progress Indicator with CSS, SVG and jQuery

A widget containing a list of suggested articles, with a reading progress indicator powered by SVG, CSS and jQuery.

Read More »

Presentation Slideshow with CSS and jQuery

December 09, 2015     3329     Slider
Presentation Slideshow with CSS and jQuery

A tutorial about creating simple presentation template in CSS and jQuery.

Navigation can be with keyboard arrow keys or click or by scroll.

Read More »

Horizontal Timeline with CSS and jQuery

November 26, 2015     7943     Date & Time
Horizontal Timeline with CSS and jQuery

Horizontal Timeline is an easy to customize, horizontal timeline powered by CSS and jQuery.

Read More »

Stretchy Navigation with CSS and jQuery

November 18, 2015     3486     Menu
Stretchy Navigation with CSS and jQuery

Stretchy Navigation is a rounded navigation trigger that stretches on click/tap to reveal the navigation items.

Read More »

Multi-Level Menu

November 18, 2015     4911     Menu
Multi-Level Menu

A tutorial about creating a simple multi-level menu with delayed item animations and an optional breadcrumb navigation and back button.

Read More »

jQuery Touch Events

November 12, 2015     955     Mobile
jQuery Touch Events

A collection of mobile event plugins for jQuery.

This is a series of plugins that create additional events that can be used in combination with jQuery when developing for mobile devices. The events are also compatible with desktop browsers to ensure ultimate compatibility for your projects

Read More »

Animating an SVG Menu Icon with Segment

November 12, 2015     2350     Menu Animation
Animating an SVG Menu Icon with Segment

A tutorial on how to implement an animated menu icon using SVG and Segment, a JavaScript library for drawing and animating SVG paths.

Read More »

Effect Ideas for Card Stacks

November 01, 2015     2858     Effects
Effect Ideas for Card Stacks

Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.

Read More »

Bootstrap Contact Form with Google's reCaptcha

October 24, 2015     6146     Form Elements Bootstrap
Bootstrap Contact Form with Google's reCaptcha

A tutorial about creating a contact form with Google's reCAPTCHA by using Bootstrap as the front-end framework.

Read More »

Page Stack Navigation

October 22, 2015     2376     Menu
Page Stack Navigation

A template for a simple page stack navigation by using CSS and jQuery.

Read More »

Project Cards Template with CSS and jQuery

October 20, 2015     2466     Others
Project Cards Template with CSS and jQuery

A tutorial about creating portfolio template with expandable projects and a full-page navigationby using css and jQuery.

Read More »