Advertise here

jQuery Plugins Tagged ‘Tutorial’

Expanding Search Bar with jQuery

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

A tutorial about creating Expanding Search Bar with jQuery.

Read More »

Snazzy Animated Pie Chart with HTML5 and jQuery

January 09, 2015     2824     HTML5 CSS3 & CSS Chart & Graph
Snazzy Animated Pie Chart with HTML5 and jQuery

A tutorial about how to create a gorgeous, interactive animated pie chart by using HTML5 canvas element, CSS3 and jQuery. 

Read More »

3D Curtain Template

January 07, 2015     2553     CSS3 & CSS
3D Curtain Template

A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.

Read More »

Rotating Menu with Right Click

January 02, 2015     6285     CSS3 & CSS Menu
Rotating Menu with Right Click

A tutorial about creating rotating menu on right click using CSS3 transitions and jQuery.

Read More »

Create Context Menu with jQuery and CSS

December 01, 2014     4934     Menu
Create Context Menu with jQuery and CSS

A tutorial about creating good-looking context menu by using jQuery and css.

Read More »

Resizing and Cropping Images with JavaScript and Canvas

October 30, 2014     5107     HTML5
Resizing and Cropping Images with JavaScript and Canvas

A tutorial about how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications.

Read More »

Creating Responsive Accordion with CSS3 and jQuery

October 23, 2014     6803     Slider CSS3 & CSS
Creating Responsive Accordion with CSS3 and jQuery

A tutorial about creating responsive accordion by using CSS3 and jQuery. It can be used as a collapsible content slider or as a menu.

Read More »

Hide / Show Header on Scroll

October 13, 2014     26479     Scroll
Hide / Show Header on Scroll

A tutorial about hiding header on scroll down and showing it on scroll up. You don't need to scroll top of page for menus on header with this navigation.

Read More »

Making Better Select Elements with jQuery and CSS3

October 13, 2014     2838     CSS3 & CSS Form Elements
Making Better Select Elements with jQuery and CSS3

A tutorial about building a script that is going to take an ordinary select element, and replace it with a better looking, markup powered version, while keeping all the functionality intact.

Read More »

Bootstrap Vertical Tabs

October 11, 2014     17572     Tabs Bootstrap
Bootstrap Vertical Tabs

A tutorial about creating vertical tabs for Bootstap. It's very easy to use.

Read More »

Responsive Tabbed Navigation

September 27, 2014     4822     Responsive Tabs
Responsive Tabbed Navigation

A handy tabbed navigation, optimized for mobile devices, with support for both horizontal and vertical menu positioning. It's created by using CSS and jQuery.

Read More »

Creating Line-by-Line File Reader Using HTML5 and JavaScript

August 11, 2014     2211     HTML5 Form Elements
Creating Line-by-Line File Reader Using HTML5 and JavaScript

A tutorial about reading files line by line in browser using the HTML5 FileReader API and javascript.

Read More »

One Page Scroll with Animations

August 07, 2014     9996     Scroll Animation
One Page Scroll with Animations

A tutorial about how to add an animations to your One Page Scroll plugin projects.

Here are some animations that used on this tutorial

  • Fade in animation
  • Reveal animation
  • Animation without a delay
  • Overlapping elements

Read More »

Page Preloading Effect

August 05, 2014     8796     CSS3 & CSS Effects
Page Preloading Effect

A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.

Read More »

Dynamic Scrolling Shadow

August 05, 2014     4796     CSS3 & CSS Scroll
Dynamic Scrolling Shadow

A tutorial about creating flat shadow effect with CSS3 transform effects and jQuery.

It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window.

Read More »

AdvertisementAdvertise with us!