Create a Digg-style post sharing tool with jQuery

Create a Digg-style post sharing tool with jQuery

I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, we are going to make a digg-style post sharing toolbox. It’s all pretty straight forward and need a little bit of planning. The way it works is different with digg’s. If you view the html source code of Digg’s, it has the sharebox html code in every single post. But, in this tutorial we have only one sharebox, and all the links are sharing the same template.

Making a Flickr-powered Slideshow in jQuery

Making a Flickr-powered Slideshow in jQuery

Today we will be developing a jQuery plugin that will make it easy to create slideshows, product guides or presentations from your Flickr photo sets. The plugin will be using Flickr’s APIs and YQL to fetch the photos in the sets, after which it will create the markup of the slideshow and listen for events.

Dynamically adding form inputs and submit using jQuery

Dynamically adding form inputs and submit using jQuery

You may find a need to allow the user to dynamically add or remove text inputs from your application. This is relatively easy to do using jQuery and using arrays to submit the form data to a PHP page. This tutorial runs through setting up the form with the controls to add, remove and reset the form fields as well as preparing the form variables to be sent using AJAX.

Rocking and Rolling Rounded Menu with jQuery

Rocking and Rolling Rounded Menu with jQuery

In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, like links or a search box.

JQuery Google Maps V1.01

JQuery Google Maps V1.01

With the Google Maps API, you can embed Google Maps in your own web pages with the power of jQuery. The Google Maps API provides a number of utilities for manipulating maps and adding content to a map, this jQuery plugin works to help simplify those steps with a few easy commands…

Build a jQuery content feature like MailChimp

Build a jQuery content feature like MailChimp

In this tutorial Ashley Ford on Papermashup will teach how to build an attractive full page content feature slider plugin (similar to the MailChimp slider) – by using the jQuery Cycle plugin which allows you to rotate, paginate or cycle a set of images.

Day and Night: Creating a Scenery Animation with jQuery and CSS

Day and Night: Creating a Scenery Animation with jQuery and CSS

In today’s tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolute positioned elements with images.

See the demo link below and check out the result. The animation takes around 30 seconds, so sit back and enjoy it!

JQuery Google Translate Plugin

JQuery Google Translate Plugi

The jQuery Google Translate Plugin lets websites and applications integrate the simplicity of jQuery plugins with the Google Translate API programatically.

Jcrop – The jQuery Image Cropping Plugin

Jcrop – The jQuery Image Cropping Plugin

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.