Build a Simple Password Strength Checker

Build a Simple Password Strength Checker

Nov 4th in JavaScript & AJAX by Siddharth
49

Providing instant feedback is the in-thing right now. Why limit yourself to checking usernames and email addresses? Why not extend this to provide quick visual feedback about the strength of the password the user has input? Today, we’ll take a look at how to create a simple password strength checker using the jQuery library, regular expressions and a simple algorithm.

Continue Reading

Simple Draggable Element Persistence with jQuery width=

Simple Draggable Element Persistence with jQuery

Oct 29th in JavaScript & AJAX by Dustin Blake
57

At some point you may need to create a draggable element within your web application. This is great functionality, however you may want or find that you need the element to stay in place after being dragged around. In this tutorial I will show you how to easily drag an element and make it stick, even after a page reload, by grabbing and storing its X and Y coordinates.

Continue Reading

Create an Animated Flip Down Clock

Learn how to Create a Retro Animated Flip-Down Clock

Oct 21st in HTML & CSS, JavaScript & AJAX by Alexandru Pitea
82

In this tutorial, we will create an animated flip down clock inspired by the 70’s. Using the Mootools framework, I tried to replicate the flip action of the pads and make it as lifelike as possible. With it’s retro styling, it could be a really neat thing to add to your website, so let’s get started!

Continue Reading

preview

How to Create an Image Gallery Powered by Picasa

Oct 20th in JavaScript & AJAX by Mikhail Kozlov
37

In this tutorial we are going to create a simple image gallery powered by Google’s Picasa Web Albums. In order to enhance the user’s experience, we’ll throw some jQuery into the mix and create a scrollable album carousel.

Continue Reading

Drag to Share

Drag to Share

Oct 19th in JavaScript & AJAX by Dan Wellman
67

We’ve all seen the brilliant functionality on Mashable where news stories and interesting articles can be shared to social networking sites; the functionality is driven by the images accompanying the articles; you click and hold on an image and can then drag it into a toolbar to share it. It’s brilliant and intuitive, and in this article I’m going to show you how we can replicate this behavior with jQuery and jQuery UI.

Continue Reading

An Introduction to the Raphael JS Library

An Introduction to the Raphael JS Library

Oct 14th in JavaScript & AJAX by Damian Dawber
36

Raphael JS is a lightweight and super-sexy JavaScript framework that allows you to draw vector graphics in your browser! In this tutorial, I will introduce you to some basic drawing functionality, take a look at animation, provide DOM access and finally finish off by creating a cool widget for your site…

Continue Reading

Create an In-Place Editing System

Create an In-Place Editing System

Sep 22nd in JavaScript & AJAX by Siddharth
101

Making users click through multiple pages just to edit a field is so 1999. In this tutorial, you’ll learn how to create an in-place editing system as found on popular sites, such as Flickr.

Continue Reading

Checking User Name availability using Mootools and Request.JSON

Checking Username Availability with Mootools and Request.JSON

Sep 18th in JavaScript & AJAX by Matt Vickers
46

This tutorial will teach you how to check username availability with Mootools’ Request.JSON and PHP/MySQL

Continue Reading

preview

10 Really Helpful Traversing Functions in jQuery

Sep 9th in JavaScript & AJAX by Piao Yishi
43

With jQuery, selecting HTML elements is laughably easy. But at times, we may wish to further refine the selection, which can be a hassle when the HTML structure is complicated. In this tutorial, we’ll explore ten ways that we can refine and extend a set of wrapped elements that we wish to operate upon.

Continue Reading

Learn a Few JavaScript Libraries at Once

Learn 3 Excellent JavaScript Libraries at Once

Sep 2nd in JavaScript & AJAX by Siddharth
62

Let’s go with a hands-on approach today. We are going to write a tiny snippet of code in jQuery and then port it over to several different libraries. Outside of that chunk, we are going to look at how to implement some basic, necessary functionality in each of these libraries. Sounds fun? Let’s dive in!

Continue Reading

Page 1 of 712345»...Last »