Advertise here

jQuery Plugins Tagged ‘Tutorial’

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

January 16, 2015     5651     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     2862     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     3131     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     2756     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     6455     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     5318     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     7482     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     6976     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     26916     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     2896     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     19550     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     5188     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     2399     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     10477     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     9015     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 »