8500+ Best jQuery Plugins & Tutorials with jQuery Demo examples 2019

Xml Driven Vertical News Scroller Script Using jQuery vScroller

November 29, 2011 | Animation, Calendar, Web, XML

Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also allows you to add dynamic content to otherwise static web pages.

Today, we are featuring vScroller, a free XML-driven vertical news scroller for websites and blogs. Powered by jQuery, vScroller displays categorized and color-code content is a vertical scroll. Feeds come from standardized XML file and styled with simple CSS3 for a clean and attractive interface.

Read More Demo

Typography Effects with CSS3 and jQuery

November 29, 2011 | Animation, CSS2 / CSS3.0

Today we will create a set of nice typography effects for big headlines using CSS3 and jQuery. There are many things we can do with CSS3 animations and transitions and we’ll explore some of the possibilites.

We’ll be using Lettering.js in order to style single letters of the words we’ll be having in our big headlines.

Read More Demo

How to Create a Time Based CSS Style Sheet Switcher with jQuery

November 27, 2011 | CSS2 / CSS3.0, PHP, Web

jQuery Time Based CSS Style Sheet Switcher

Style switchers have become a popular feature on websites these days. CSS style sheets allow a Web Designer to change the look and feel of a website with little effort. Some sites use “Day” and “Night” type of style switchers that automatically change the site theme based on the time of day.

This tutorial shows you how to create a time based CSS style sheet switcher using PHP that lets you change multiple style sheets at once at specific times of the day. There’s also a little bit of jQuery UI thrown in just for fun!

Read More Demo

Formly – the jQuery form glamorizer

November 26, 2011 | Forms, Plugins, Web

An unbelievably easy way to add style and validation to your forms. Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function.This is easy way to add cool looking of any your forms. Also it possible to add validation (from user side) to your forms too.

Read More Demo

How to Build an RSS Reader with jQuery Mobile

November 26, 2011 | jQuery Mobile, PHP

Today, we’ll dive into jQuery Mobile, which, at the time of this writing, is in a RC1 state. We’ll build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your own custom mobile web apps!

Read More Demo

Slideshowify jQuery plugin for generating a Ken Burns Effect slideshow

November 26, 2011 | Gallery, Plugins, Slider

Slideshowify is a jQuery plugin for generating a “*Ken Burns Effect”-style slideshow from images that match a selector. Images that don’t fit the window proportions exactly (generally the case) are cropped and panned across the screen.

Read More Demo

jQuery Draggable Image Boxes Grid

November 23, 2011 | Drag & Drop, Gallery, Plugins, Slider

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 items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

Read More Demo

Adding Weather to Your Site with jQuery and YQL

November 23, 2011 | Ajax, jSON, Other API, Plugins, Web

If you’re working on a travel, news or other locally-oriented site, adding a display of the current weather conditions in the local area is the perfect touch. In the past, this was a relatively difficult task, involving server-side integration with weather APIs and more. Today, however, jQuery and YQL (a free web service offered by Yahoo) can be used to easily add a customized weather display to your site. In this article I’ll guide you through the process from start to finish.

Read More Demo

Animated Rocket with jQuery and CSS transform

November 22, 2011 | Animation, CSS2 / CSS3.0

The examples on this page will work properly in Safari, Chrome and Opera. In the Firefox prior to version 4 you will see the transforms, but without any animation. Some effects may also work now in Internet Explorer 9 if you use the -ms- vendor prefix.

The implementation of animation in CSS involves setting up a transformation to take place in response to a mouseover or other event. Then, rather than applying the effect instantly, we assign a transition timing function which applies the transformation/s over a set time period.

Read More Demo

Hover and Click Trigger for Circular Elements with jQuery

November 22, 2011 | Animation, Gallery, Web

Applying a :hover pseudo-class to an element is widely known as the classic “hovering” over an element on a web page. A problem that arose with the introduction of the border-radius property is the non-realistic triggering of the hover event when entering the bounding box of the element and not just the actual visible area. This becomes extreme when we create a circle by setting the border-radius of a square to 50% (half of its outer width and height).

Today we want to share one possible solution to the circle hovering problem. We’ll create a plugin that will take care of the ‘mouseenter’, ‘mouseleave’ and ‘click’ events to be triggered only on the circular shape of the element and not its bounding box.

Read More Demo

jQuery Plugins Tags