Tutorial Blog » Javascript

Web Development – Tools Of The Trade

Philip Beel — Tue, 23 Dec 2008 23:00:24 +0000

With an ever growing number of browsers to make your code compatible with and higher demands placed on web designers and developers there is a requirement for more powerful tools to create and maintain your code. This tutorial will cover a number of methods and resources to help aid you in the escalating demands of your web projects.

Many Developers and designers have their own personal favorite browser for developing and managing their websites. This tutorial will focus on the use of Firefox. This is not to say other browsers put you at a disadvantage, but the addons and enhancements are all supported by Firefox.(...)
Read the rest of Web Development – Tools Of The Trade

Client-Side Form Validation with jQuery

Philip Beel — Thu, 06 Nov 2008 10:00:36 +0000

This tutorial will show you how to validate a simple contact form using the bassistance jQuery validation plugin. This will allow you to validate a form before it has been submitted. See the demo here.

Step 1 – The Form

This same form was featured on the Ajax Contact Form Tutorial. So if you want to extend the original form, this tutorial should enable you to do so quite easily.(...)
Read the rest of Client-Side Form Validation with jQuery

How To Create Your Own Ajax Contact Form

Philip Beel — Mon, 27 Oct 2008 23:36:34 +0000

Ajax (Asynchronous Javascript and Xml) has become a very popular tool in web design. This tutorial will teach you how to make an ajax contact form using PHP and Jquery. See the code in action here.(...)
Read the rest of How To Create Your Own Ajax Contact Form

8 Fantastic jQuery Tutorials for Designers

chriscoyier — Sat, 29 Mar 2008 18:46:55 +0000

Slide out and drawer effect

The effect is commonly known as an “accordion” and it’s usually used to slide up, or down blocks of content to expose new blocks. The Apple web site is a great demonstration of this effect in action, where the mouse settles on the title of the “section” and the associated links are exposed. What makes this effect particularly cool, is that the drawers maintain a fixed height and slide between restricted area.

VISIT TUTORIAL
VIEW DEMO

(...)
Read the rest of 8 Fantastic jQuery Tutorials for Designers

12 Javascript Image Galleries

Oli — Wed, 07 Nov 2007 16:15:40 +0000

There are a large number of Flash image galleries but sometimes Flash is not required or cant be used so we turn to JavaScript and CSS. Here is a roundup of some of the better JavaScript and Ajax based solutions to our gallery requirements …

(...)
Read the rest of 12 Javascript Image Galleries

10 Javascript Ajax Tabs

Oli — Thu, 25 Oct 2007 15:28:59 +0000

If you’re building a web site which has tabs within the design, why not spice it up with a little JavaScript magic. Today we round up 10 JavaScript/Ajax Tab scripts you can easily incorporate into your future designs …

(...)
Read the rest of 10 Javascript Ajax Tabs

10 Javascript Accordion Scripts

Oli — Mon, 15 Oct 2007 15:40:49 +0000

A Javascript Accordion is a script that allows areas of content to be hidden and then activated and shown using a mouse click, a great piece of script for sites that are tight on space or for navigation where lots of options are needed.

(...)
Read the rest of 10 Javascript Accordion Scripts