Advertise here

Tutorials

3D Bold Navigation with CSS and jQuery

April 10, 2015     3366     CSS3 & CSS Animation
3D Bold Navigation with CSS and jQuery

A bold navigation that slides in when active, replacing the current content in a 3D space.

Read More »

Motion Blur Effect with SVG and Javascript

April 08, 2015     2333     Effects
Motion Blur Effect with SVG and Javascript

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Read More »

Animated Masonry Gallery with Filters

April 07, 2015     10051     Gallery Effects
Animated Masonry Gallery with Filters

A tutorial about how to create an animated masonry gallery using jQuery and CSS transitions. Beside filter buttons this tutorial features a resize button that make the images arranged in a box or spread across the entire screen and a title that will change after applying a filter.

Read More »

How to Share Content on Whatsapp using jQuery

April 03, 2015     3236     Social Mobile
How to Share Content on Whatsapp using jQuery

A simple tutorial which will help to share articles from the webpage to WhatsApp using jQuery.

Read More »

Prism Effect Slider with Canvas and Javascript

March 31, 2015     2849     HTML5 Effects
Prism Effect Slider with Canvas and Javascript

A tutorial on how to create a slider with a "prism" effect using javascript, HTML5 canvas globalCompositeOperation and a layering technique.

Read More »

Fixed Background Effect with CSS and jQuery

March 25, 2015     4381     Effects
Fixed Background Effect with CSS and jQuery

A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect, with the addition of a navigation to browse through the different sections.

Read More »

Drag and Drop Newsletter Builder using jQuery

March 04, 2015     5670     Scroll Drag & Drop
Drag and Drop Newsletter Builder using jQuery

A tutorial about how to create a drag and drop interface for a newsletter builder using jQuery.

Read More »

Full-Screen Pushing Navigation

February 12, 2015     5377     Menu
Full-Screen Pushing Navigation

A full page menu, that replaces the current content by pushing it off the screen.

Read More »

Bouncy Navigation

February 05, 2015     2875     CSS3 & CSS Animation
Bouncy Navigation

Bouncy Navigation is a full-screen navigation, with floating menu items. CSS animations and jQuery used to animate navigation items, and let them bounce in and out the screen.

Read More »

Multilevel Toggle Responsive Navigation Menu with jQuery

January 27, 2015     15783     Menu Mobile Responsive
Multilevel Toggle Responsive Navigation Menu with jQuery

A tutorial about creating Multilevel Toggle (accordion) Responsive Navigation Menu using jQuery.

The multi-toggle responsive navigation on smaller screens is similar to nested accordions, the user touches primary level parent item to reveal list under it and when the screen is big enough vertical toggle menu changes to horizontal drop down navigation.

Read More »

Countdown Timer with jQuery

January 26, 2015     2110     Date & Time
Countdown Timer with jQuery

A tutorial about how to make a simple countdown timer using jQuery.

Read More »

JavaScript Slideshows Tutorial

January 23, 2015     1978     Slider
JavaScript Slideshows Tutorial

A nice and detailed tutorial about basics of JavaScript slideshows. It describe the fundamental building blocks of a JavaScript slideshow (HTML, CSS, JavaScript) and the basic techniques used to create JavaScript slideshows.

Read More »

Expanding Panel with jQuery and CSS3

January 20, 2015     4911     CSS3 & CSS
Expanding Panel with jQuery and CSS3

A combination of very basic HTML, CSS and a little bit of jQuery you can achieve a pretty nifty, clean expanding tile. Feel free to use this concept to create your own Expanding CSS3/jQuery Panels.

Read More »

Content Filter – Slide-In Filter Panel with CSS and jQuery

January 16, 2015     5689     CSS3 & CSS
Content Filter – Slide-In Filter Panel with CSS and jQuery

Content Filter is a slide-in filter panel powered by CSS and jQuery. It's easy to customize and integrate.

It takes advantage of CSS Transitions, CSS Transformations and jQuery muscles to smoothly slide in when needed.

Read More »

Expanding Search Bar with jQuery

January 13, 2015     2870     Form Elements
 Expanding Search Bar with jQuery

A tutorial about creating Expanding Search Bar with jQuery.

Read More »