Creating Modular Interactive User Interfaces with JavaScript

Discover a technique that lets you move sections of a Web page using drag-and-drop functions. Different aspects of the interactivity are implemented separately and then composed into a unified whole, allowing for flexible customization that can make your Web users very happy.

Travis, Greg. IBM (2008). Articles>Web Design>Interaction Design>JavaScript

Issues When Working With AJAX

This paper covers the main stumbling-blocks you're likely to come across with AJAX: instantiating the necessary JavaScript object, building the request, and using the response.

Mercurytide (2005). Articles>Web Design>Ajax>JavaScript

Extending The JavaScript Date Object with User Defined Methods

Applications, particularly business applications, can often require a lot of date manipulation, but that code could be simplified if JavaScript’s core Date object had some additional methods. In this article, I will show you how to add custom methods to the Date object that are inherited by each date instance.

O'Sullivan, Lawrence. Digital Web Magazine (2008). Articles>Web Design>Programming>JavaScript

jQuery and JavaScript Coding: Examples and Best Practices

When used correctly, jQuery can help you make your website more interactive, interesting and exciting. This article will share some best practices and examples for using the popular JavaScript framework to create unobtrusive, accessible DOM scripting effects. The article will explore what constitutes best practices with regard to Javascript and, furthermore, why jQuery is a good choice of a framework to implement best practices.

Smashing (2008). Articles>Web Design>Standards>JavaScript

Parse a String Using JavaScript

A handy trick for Web Developers in the ability to parse a string to check for a given substring. In plain English, this means checking if a word or part of a word is contained within text. This tutorial demonstrates how to do this using JavaScript.

Jason, Chris. ChrisJason.com (2007). Articles>Web Design>Programming>JavaScript

Helpful Hyperlinks with JavaScript

There you are happily surfing a web site; you click a link and suddenly find yourself at another site being asked to download a file. What happened there? Annoying, isn’t it? There has to be a better way to indicate to your visitors where a link is going and to what type of file. So, to help solve this little annoyance, I’ve written a bit of JavaScript and CSS that adds pretty little icons after the links—depending on the file extension and location—to indicate to the user the type of document they’re about to load.

Somerville, Toby. SitePoint (2008). Articles>Web Design>Hypertext>JavaScript

ECMAScript for XML (E4X): A Simpler Programming Model

Developing software to create, navigate and manipulate XML data has become a significant part of almost every developer's job. Developers are inundated with a wide variety of data encoded in XML, including web pages, web services, deployment descriptors, configuration files, project make files and a variety of XML vocabularies for vertical industries (from purchase orders to target lists).

Schneider, John. IDEAlliance (2004). Articles>Information Design>XML>JavaScript

Advanced Debugging with JavaScript

When used effectively, JavaScript debuggers help find and squash errors in your JavaScript code. To become an advanced JavaScript debugger, you’ll need to know about the debuggers available to you, the typical JavaScript debugging workflow, and code requirements for effective debugging. In this article, we’ll discuss advanced debugging techniques for diagnosing and treating bugs using a sample web application.

Mills, Chris and Hallvord R. M. Steen. List Apart, A (2009). Articles>Web Design>Programming>JavaScript

jQuery Embedded in Dojo Accordion Panes

We will experiment embedding jQuery in DOJO 123's Accordion widget and try to identify if there exists any cross-code interactions. The code is also tested for cross-browser suitability.

Krishnaswamy, Jayaram. Packt (2009). Design>Web Design>DHTML>JavaScript

Regular Expressions for Client-Side JavaScript

Here is the syntax for a very powerful and very cryptic string pattern matching scheme in the client-side JavaScript of web browsers. You can use it to validate form entry, parse URLs, and many other things.

Visibone (2007). Reference>Editing>Regular Expressions>JavaScript

Combine JSONP and jQuery to Quickly Build Powerful Mashups

With the number of publicly offered Web service APIs, it's now much easier to get content from different Web sources and to build mashups—if you have access to the right APIs and tools. Discover how you can combine an obscure cross-domain call technique (JSONP) and a flexible JavaScript library (jQuery) to build powerful mashups surprisingly quickly.

Özses, Seda and Salih Ergül. IBM (2009). Articles>Web Design>Content Management>JavaScript

Building Mashups with JSONP, jQuery, and Yahoo! Query Language

In the previous article of this series, we introduced JSONP (JSON with Padding) as a way to overcome browser same-origin policy limitations while combining and presenting data from third-party sources. This article continues this process and shows you how to use Yahoo! Query Language (YQL), a JSONP service from Yahoo!, to build a mashup Web page using jQuery.

Özses, Seda and Salih Ergül. IBM (2009). Articles>Web Design>E Commerce>JavaScript

Siete Impresionantes Sistemas de Navegación en jQuery

Ayer os presentaba dos excelentes galerías de proyectos desarrollados en jQuery. Hoy, para no ser menos, vamos a seguir hablando de jQuery. Lo que ahora os presento es una recopilación de 7 sistemas de navegación que nos os dejarán indiferentes.

Costales, David. davidcostales.com (2009). (Spanish) Articles>Web Design>Interaction Design>JavaScript

JavaScript Cheat Sheet

This cheat sheet is logically organized into DOM methods, functions, regular expressions, etc. It’s easy to use and a great reference for all common JavaScript uses. The guide is not only excellent for JavaScript beginners (covering items as basic as the syntax for putting JavaScript into HTML) but is also suited to programmers at an advanced level (referring to more advanced JavaScript functionality).

Added Bytes (2007). Resources>Web Design>Programming>JavaScript

The Yahoo! User Interface Library

The YUI Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses.

Yahoo. Resources>Web Design>User Interface>JavaScript

Inline Validation in Web Forms

Inline validation gives people several types of real-time feedback: It can confirm an appropriate answer, suggest valid answers, and provide regular updates to help people stay within necessary limits. These bits of feedback can be presented before, during and / or after users provide answers.

Wroblewski, Luke. List Apart, A (2009). Articles>Web Design>Forms>JavaScript

JavaScript MVC

While MVC is a familiar term to those in back-end application development—using frameworks such as Struts, Ruby on Rails, and CakePHP—MVC’s origin in user interface development lends itself to structuring client-side applications. Let’s examine what MVC is, see how we can use it to rework an example project, and consider some existing MVC frameworks.

Snook, Jonathan. List Apart, A (2009). Articles>Web Design>Programming>JavaScript

Using JavaScript to Style Active Navigation Elements

I’m all about efficiency when I’m writing web code. Any time I find myself writing the same functionality more than once or twice, I try to consider whether my repeated code could be wrapped into a function of some sort. Navigation is often one of those areas where I try to improve my efficiency.

Glazebrook, Rob L. CSS Newbie (2009). Articles>Web Design>CSS>JavaScript

Reading XML with jQuery 

How to use the common jQuery JavaScript library to parse XML data sources, and to integrate them into your pages.

Harbour, Jared. Think2Loud (2008). Articles>Web Design>XML>JavaScript