Access Key, HTML Accesskey Generated by JavaScript

One of the great advantages of using first letter of the link text as access key is that it can be generated by code. Conventional wisdom states that it should be done server-side. Bad that it is much easier with JavaScript.

Tverskov, Jesper. Smack the Mouse (2003). Design>Web Design>Accessibility>JavaScript

Accessible Java using JAAPI

Due to the proliferation of Java applications and applets on the Internet, it is essential that accessibility barriers are not introduced during their development.

O'Gribin, Niall. Erigena (2006). Articles>Accessibility>Programming>Java

Battle of the Wizards: Dojo Vs. Microsoft

Two wizards are compared. One client script from DOJO and the other server component from Microsoft. Both fo them work exceedingly well in IE 7.0. Dojo wizard looks smashing.

Krishnaswamy, Jayaram. DevShed (2007). Articles>Computing>Programming>JavaScript

Build Web apps with ThinWire and Java code, Part 2: Using the SplitLayout Class

With ThinWire, an open-source development framework, you can build Web applications that look and feel like desktop applications. In this five-part series, you'll learn how to develop rich Web applications using ThinWire and Java. In Part 2, you learn to use the SplitLayout class in conjunction with your own layout management code to dynamically change the layout of a ThinWire GUI based on the current size of the Web browser window.

Baldwin, Richard G. IBM (2007). Design>Web Design>Server Side Includes>Java

Compiling Hamlets

Rene Pawlitzek continues to advance the Hamlets framework, which extends Java servlets and enforces the separation of content and presentation. In this article, he proposes a new refinement: a method of compiling Hamlet templates that can improve application performance.

Pawlitzek, Rene. IBM (2006). Articles>Information Design>Server Side Includes>Java

Crossing Borders: JavaScript's Language Features

JavaScript is often ridiculed as the black sheep of programming languages. The development tools, a complicated and inconsistent document object model for HTML pages, and inconsistent implementation in browsers contributes to that sentiment. But JavaScript is much more than a toy. In this article, Bruce Tate explores JavaScript's language features.

Tate, Bruce. IBM (2006). Design>Web Design>DHTML>JavaScript

Curbing JavaScript Dependency

JavaScript can be used as an enhancement, but too often it ends up rendering a page unusable to people who don't run it. There are a number of good reasons why it might not be running in a given browser, and pages should never depend on it. MSG is a 'flavor enhancer,' with one slight problem -- some people are allergic to it. Most people don't seem to care much either way, but a small number of people seems to have bad reactions to it. If you ask people in the industry who sell it, they'll tell you it's quite safe, but there are others who claim that it's potentially lethal to some (very, very few) people.

Seebach, Peter. IBM (2001). Design>Web Design>Programming>JavaScript

Embedding Hamlets

The open source Hamlets framework can help aid your Web development and properly separate content from presentation. The OSGi framework provides an excellent tool for development on embedded devices. Together, the two frameworks work as a team to provide browser-based interactivity to the humblest gadgets -- such as the lowly coffee maker. Read on to find out how it works.

Rene Pawlitzek. IBM (2007). Articles>Web Design>Embedded>Java

Exploring Footers

With old-school table layout methods, vertical positioning is a piece of cake. With CSS layout, it's a piece of something else. New ALA contributing writer Bobby van der Sluis shows how to regain control of footers and other vertically positioned layout elements via CSS, JavaScript, and the DOM.

van der Sluis, Bobby. List Apart, A (2004). Design>Web Design>CSS>JavaScript

The Geronimo Renegade: Web 2.0 Report Card

Web 2.0 is still one of the computer industry's hottest buzzwords, despite widespread disagreement as to what the term actually means. This month, The Geronimo renegade cuts through the hype and looks at the Apache Geronimo project as both an enabler of Web 2.0 applications and as a Web 2.0 application itself.

Chase, Nicholas. IBM (2007). Design>Web Design>Server Side Includes>Java

Heading Navigation Greasemonkey User Script

This is a Greasemonkey user script to enable heading navigation in Firefox. Headings can either be navigated by the heading level, for example, all h2 elements, or by any level.

Juicy Studio (2006). Design>Web Design>DHTML>JavaScript

How to Validate Forms with JavaScript

Discover why and how you should use unobtrusive JavaScript to validate forms.

McCarthy, Paul. Webcredible (2007). Design>Web Design>DHTML>JavaScript

IBM Servlet-Based Content Creation Framework

This framework provides an easily-used and easily-understood way of developing Web-based applications. The framework not only supports but also enforces the complete separation of content and presentation. Its simple and elegant design does not hide the familiar underlying servlet infrastructure.

Pawlitzek, Rene. IBM (2005). Articles>Web Design>Server Side Includes>Java

If I Told You You Had a Beautiful Figure...

Lay out images consistently across your site using a liitle clever JavaScript.

Gustafson, Aaron. List Apart, A (2007). Design>Web Design>Graphic Design>JavaScript

Implementing Hamlets

The Hamlet framework was developed to extend Java servlets and enforce the separation of content from presentation. In this article, you'll find an additional way to provide dynamic content as René Pawlitzek advances the framework further and refines use of the template engine.

Pawlitzek, Rene. IBM (2006). Articles>Web Design>Server Side Includes>Java

The Importance of Maintainable JavaScript

JavaScript is hip again; there’s no doubt about it. But if you’re starting to get down and dirty with it, there’s no excuse not to keep it clean.

Heilmann, Christian. Vitamin (2008). Articles>Web Design>Programming>JavaScript

Increasing Form Usability with JavaScript

It's easy to increase the usability of forms using JavaScript - find out how.

McCarthy, Paul. Webcredible (2007). Design>Web Design>DHTML>JavaScript

Integrate XForms with the Google Web Toolkit, Part 1: Introducing GWT's JavaScript Native Interface

This four-part series demonstrates how to use the Google Web Toolkit (GWT) and XForms together to create a dynamic Web application.

Galpin, Michael. IBM (2007). Articles>Web Design>Ajax>JavaScript

Introducing Hamlets

Servlets are a key component of server-side Java development, but despite a number of attractive traits, servlets do not support or enforce the separation of content and presentation. To master that functionality, Rene Pawlitzek proposes Hamlets -- servlet extensions that provide this functionality within a lightweight framework implemented with less than 500 lines of Java source code.

Pawlitzek, Rene. IBM (2005). Articles>Web Design>Server Side Includes>Java

JavaScript 101, Part 1: The Basics

One of the primary aspects of effective web experiences is interactivity. Although most Flash developers will try to state otherwise, the reality of the fact is that the majority of non-standard interactivity, that is interactivity beyond what the broswer provides automatically, is driven by JavaScript. Over the last few years the acceptance of both standards and some new JavaScript technologies such as XMLHttpRequest, or AJAX to the masses, has opened up a whole new realm of possibilites that have helped to bring JavaScript back into the mainstream focus as an important and leading-edge technology. The purpose of this series of articles is to introduce newcomers to the concepts and fundamentals of JavaScript, so that you can begin to leverage the power of this technology in your own web projects.

Williams, Rob. Community MX (2006). Design>Web Design>Interaction Design>JavaScript

JavaScript and Progressive Enhancement

Learn about JavaScript and how it can be used to progressively enhance your site.

McCarthy, Paul. Webcredible (2007). Design>Web Design>DHTML>JavaScript

JavaScript Basics for Prototyping

I know there are a good number of designers out there afraid of anything that smells of programming (basically, if it's not plug and play, it's not being used). I completely understand. Dealing with CSS rending across browsers is bad enough already. Because prototypes are all about making an interface 'look' like it works, the dabbling we're going to go over here is actually a process that's amenable to designers (especially those with programming skills that started off as just rudimentary hacking skills). CSS is the domain that most of the new crop of web designers are most comfortable with and so the functions we're going to go over are ones that manipulate, for the most part, the styles of our elements.

Hale, Kevin. Particletree (2006). Design>Web Design>Prototyping>JavaScript

jQuery Crash Course

As developers, we have more and more JavaScript libraries to choose from and, of course, the option not to use any at all. Over time, we each tend to favor one method of coding over another. For those who'd like to learn more about jQuery, one of the more popular libraries, here's a crash course written with code-savvy web designers in mind.

Smith, Nathan. Digital Web Magazine (2007). Design>Web Design>Programming>JavaScript

JSON Basics

These are the golden days of JavaScript, which was warily used in the not too distant past because of the browser wars (still being waged). With enhancements to JavaScript in recent years and the advent of AJAX, interest in Javascript has taken a new turn, a turn for the better. Early on with AJAX it was recognized that there was a contender for XML for handling data which was stable, faster, and portable. This was the beginning of JSON. This article gives you a good explanation.

Krishnaswamy, Jayaram. DevShed (2007). Academic>Computing>Ajax>JavaScript