Using JavaScript to Develop Interactive Self-Assessments  

Interactive self-assessments are effective tools for a variety of audiences; from determining one’s Myers- Briggs Type Indicator (MBTI) or personality characteristics to self-scoring quizzes of all types for online training. Many Web sites contain such selfassessments that help customers select from among other offerings the type of product or service that meets their requirements. The strategic design and development of interactive self-assessments can also help steer customers to your specific product line or service, or even help them make the decision to buy or award a contract. This paper looks at the effectiveness of self-assessments as a business tool and the use of JavaScript for supporting the interactive elements.

Le Vie, Donald S., Jr. STC Proceedings (2000). Presentations>Web Design>Interaction Design>JavaScript

Perma-Closing Message Boxes with JavaScript + CSS

Earlier this week I talked a bit about message boxes – how to style them and position them on your page to get them noticed. But a message that pops up every single time your website is loaded could get annoying. It’d be useful to give your users the ability to close those messages. For that, we’ll turn to our friend JavaScript.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>DHTML>JavaScript

Choosing a JavaScript Framework

once you’ve decided that using a JavaScript framework is appropriate for the task you’re faced with, it can be hard to choose the one that is right for you. And to make things worse, what is right for you may not be right for your co-workers.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Information Design>JavaScript

How to Choose a JavaScript Framework

A JavaScript framework may not make you a better programmer, but it will make you more efficient. That alone should be reason enough to choose a JavaScript framework, or library if you prefer. Unless you decide to build your own, there are plenty of options available to developers. However, choosing the right framework can be tricky, and weeding through a mess of opinionated fanboys (myself included) is intimidating.

Reindel, Brian. d'bug (2008). Articles>Web Design>Information Design>JavaScript

The Rules of Unobtrusive JavaScript

One of the most important things to keep in mind when writing JavaScript for the Web is to make it unobtrusive, since You cannot rely on JavaScript being available.Sadly, there are many developers who do not seem to spend any energy at all on considering how to do that. Instead they choose to blindly forge ahead and assume that everybody who comes visiting will have full support for JavaScript and use a mouse.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Accessibility>JavaScript

How to Create an Unobtrusive Print this Page Link With JavaScript

When a client requests that I duplicate functionality that should be (and is) handled by web browsers, I always try to avoid doing it by explaining why I believe it is better to leave such functionality to the browser. Most of the time I succed, but occasionally I don’t.

Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Accessibility>JavaScript

Avoid the Void

There are plenty of occasions when coding JavaScript events where you simply need to call a function, for which an entire event registration model is too lengthy. The most commonly used method is to bind your event to an anchor link. The user clicks and the onclick event is fired, calling a reference to a function. Because the user isn’t actually visiting a URL, something has to be done with the href attribute.

Reindel, Brian. d'bug (2008). Articles>Web Design>Standards>JavaScript

Mastering JavaScript — Concept and Resource Guide

There is not a single interpreted language used today that causes more excitement, confusion, disdain, and conflict than JavaScript. The language is so incredibly flexible that it is difficult to separate a developer’s choice of coding style from JavaScript best practices.

Reindel, Brian. d'bug (2008). Articles>Web Design>Programming>JavaScript

JavaScript Shorthand Tips and Tricks

There is no official ECMAScript or JavaScript language feature called “shorthand”. Developers are responsible for coining the phrase, probably after realizing that terms like Ternary Condition are a bit archaic. The Mozilla Core JavaScript Guide does an excellent job of highlighting many of these shorthand techniques throughout tutorials, but I thought it best to have a definitive list all in one place.

Reindel, Brian. d'bug (2008). Articles>Web Design>Programming>JavaScript

Core JavaScript 1.5 Guide

Getting started with JavaScript is easy: all you need is a modern Web browser. This guide includes some JavaScript features which are only currently available in the latest versions of Firefox (and other Gecko powered browsers), so using the most recent version of Firefox is recommended.

Mozilla.org (2008). Articles>Web Design>Programming>JavaScript

Will You Need a JavaScript Framework on Your Next Project?

One of the pitfalls of using a JavaScript framework, especially among beginners, is the ability to quickly lose sight of what is specific to the framework, and what is specific to the core JavaScript language. However, as bandwidth constraints continue to dissolve, and browser compatibility issues erode, it makes sense to consider a framework on each project. Whether or not you actually use a framework after these considerations are made, is totally up to you.

Reindel, Brian. d'bug (2008). Articles>Web Design>Programming>JavaScript

Replacing NOSCRIPT with Accessible, Unobtrusive DOM/JavaScript

Modern user agents with JavaScript enabled will hide content contained within NOSCRIPT, and reveal it when JavaScript is disabled. User agents that do not support JavaScript will display the content within it. User agents with partial/antiquated JavaScript capabilities however interpret the element correctly and do not show the content, but when JavaScript is disabled also do not show the content - it never gets seen. This has an impact on the accessibility of the content. If your writing is targeted at modern, standards-based, compliant, and fully capable JavaScript user agents, employing the NOSCRIPT element is no problem. If the user agents among your audience are unpredictable, however, replacing the NOSCRIPT element with another mechanism becomes significant. This article looks at one such solution.

Palinkas, Frank M. Opera (2008). Articles>Web Design>Accessibility>JavaScript

JavaScript Badges Powered by JSONP and Microformats

Using a bit of JavaScript, a nifty way of making remote web service calls (JSONP) and a few microformats, I can display information from one service somewhere else, leaving me with only one place to update it. In this article you're going to create a JavaScript badge that can be added to any site and which will display relationship data from a service which exposes it

Rushgrove, Gareth. Opera (2008). Articles>Web Design>Metadata>JavaScript

The Seven Rules of Unobtrusive JavaScript

I've found the following rules over the years developing, teaching and implementing JavaScript in an unobtrusive manner. They have specifically been the outline of a workshop on unobtrusive JavaScript for the Paris Web conference 2007 in Paris, France.I hope that they help you understand a bit why it is a good idea to plan and execute your JavaScript in this way. It has helped me deliver products faster, with much higher quality and a lot easier maintenance.

Heilmann, Christian. Opera (2008). Articles>Web Design>Standards>JavaScript

Using Capability Detection

Browser name sniffing, using scripts figure out which browser is used and then provide different content to them, is a widespread practice with a long history. Unfortunately these scripts are usually static, while browsers keep evolving.

Steen, Hallvord R.M. Opera (2008). Articles>Web Design>Personalization>JavaScript

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