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.
Simple Draggable Element Persistence with jQuery
Oct 29th in JavaScript & AJAX by Dustin BlakeAt 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.
Learn how to Create a Retro Animated Flip-Down Clock
Oct 21st in HTML & CSS, JavaScript & AJAX by Alexandru PiteaIn 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!
How to Create an Image Gallery Powered by Picasa
Oct 20th in JavaScript & AJAX by Mikhail KozlovIn 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.
Drag to Share
Oct 19th in JavaScript & AJAX by Dan WellmanWe’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.
An Introduction to the Raphael JS Library
Oct 14th in JavaScript & AJAX by Damian DawberRaphael 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…
Create an In-Place Editing System
Sep 22nd in JavaScript & AJAX by SiddharthMaking 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.
Checking Username Availability with Mootools and Request.JSON
Sep 18th in JavaScript & AJAX by Matt VickersThis tutorial will teach you how to check username availability with Mootools’ Request.JSON and PHP/MySQL
10 Really Helpful Traversing Functions in jQuery
Sep 9th in JavaScript & AJAX by Piao YishiWith 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.
Learn 3 Excellent JavaScript Libraries at Once
Sep 2nd in JavaScript & AJAX by SiddharthLet’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!
