Making elements keyboard focusable and clickable

Either use natively keyboard accessible elements to trigger JavaScript interactions or make what you use instead mimic the appropriate native element as closely as possible.

Posted on February 12, 2013

Safer event handling with jQuery namespaced events

By namespacing events in your jQuery functions, you reduce the risk of interfering with other scripts when adding or removing handlers.

Posted on May 24, 2012

JavaScript-created markup also needs to be semantic and accessible

Browsers, assistive technology and end users have to deal with non-semantic markup even if it is inserted by JavaScript functions.

Posted on November 10, 2011

Get element text, including alt text for images, with JavaScript

A JavaScript function that returns the text content of an element and its descendants, including alternative text for images and image map areas.

Posted on May 16, 2011

Validate URL syntax with JavaScript

How to use JavaScript to verify that the path, query and fragment parts of a URL use valid syntax according to RFC 3986.

Posted on May 3, 2011

How to find the center of an area element with JavaScript

A simple JavaScript function that takes an area element's shape and coords attributes and returns an array holding the horizontal and vertical center coordinates.

Posted on April 18, 2011

New windows with JavaScript and the target attribute

A better, less obtrusive way of using JavaScript to open new windows than using is to programmatically set the target attribute.

Posted on June 8, 2010

Java is not JavaScript

Java and JavaScript are not the same thing, and they are not related.

Posted on September 23, 2009

JavaScript Tools bundle for Textmate

The JavaScript Tools TextMate Bundle gives you quick and easy access to JSLint and various JavaScript formatting and compression tools without leaving TextMate.

Posted on January 19, 2009

Find nasty JavaScript with the Obtrusive JavaScript Checker

The Obtrusive JavaScript Checker is a Greasemonkey user script and Firefox extension that will examine the web page you are on and highlight obtrusively implemented JavaScript.

Posted on November 10, 2008

DOMAssistant 2.6 released

The lightweight JavaScript library DOMAssistant has been updated to version 2.6, with really fast CSS selectors, a plugin model, a development team, and more.

Posted on February 26, 2008

Beware of id and name attribute mixups when using getElementById in Internet Explorer

When using getElementById to get a reference to an element via the id attribute, IE may return an element whose name attribute contains the value you're matching.

Posted on February 14, 2008

DOM Assistant updated to 2.5, adds CSS selector support

Robert Nyman's JavaScript library DOM Assistant has been updated to version 2.5, and now has support for CSS selectors.

Posted on December 19, 2007

Choosing a JavaScript framework

There is a large number of JavaScript libraries or frameworks available. But how do you choose which one to use?

Posted on December 10, 2007

The rules of unobtrusive JavaScript

Chris Heilmann has defined seven rules for writing unobtrusive JavaScript.

Posted on November 27, 2007

Adobe Spry 1.6 improves standards support, adds progressive enhancement

Adobe's JavaScript framework Spry has been updated and is now more standards compliant and less obtrusive.

Posted on October 22, 2007

Autopopulating text input fields with JavaScript

When you cannot display a label for a text input field, use placeholder text in an unobtrusive way. This article explains how.

Posted on October 17, 2007

DOM Assistant 2.0 released

Robert Nyman has updated his DOM Assistant JavaScript library to version 2.0, adding chainability, Ajax and XPath support, and more.

Posted on September 25, 2007

How to create an unobtrusive print this page link with JavaScript

How to create an unobtrusive print this page link that does not confuse users whose browsers do not support JavaScript.

Posted on September 14, 2007

JavaScript interaction must be input device independent

Make your JavaScript device-independent and accessible to all by assigning user interaction event handlers such as onclick to links instead of non-keyboard focusable elements.

Posted on August 21, 2007

Learn JavaScript before tasting the library kool-aid

Learn how to code JavaScript instead of how to use library/framework X to create cool animations and other visual effects. Then evaluate whether you should use a library.

Posted on January 29, 2007

Adobe Spry and obtrusive, inaccessible JavaScript

Adobe's JavaScript framework/library Spry requires invalid HTML, is inaccessible and does not degrade gracefully.

Posted on January 23, 2007

JavaScript production notes

Using CSS and JavaScript to allow inline production notes to be displayed when hovering over a note container or pressing a key combination.

Posted on December 18, 2006

You cannot rely on JavaScript being available. Period.

Three popular online services use JavaScript in ways that make them fail, without warning or explanation, when JavaScript is disabled or blocked by firewalls.

Posted on December 4, 2006

Opening new windows with JavaScript, version 1.2

A new window script that uses object literal notation for better portability and lets you choose which attribute-value pairs will open links in new windows.

Posted on October 12, 2006

Automatic pullquotes with JavaScript and CSS

How to use JavaScript and CSS to create pullquotes without duplicating content in your markup.

Posted on September 18, 2006

Opening new windows with JavaScript, version 1.1

A revised version of a previously described script that will open links that have a certain class name in a new window.

Posted on May 9, 2006

Using JavaScript instead of target to open new windows

How to use JavaScript to make links open in new windows without using the target attribute, which is not allowed in strict doctypes.

Posted on May 2, 2006

Archive contents