Paletted Color picker
A custom, real-time, DHTML color picker built for macys.com NY. Allows novice users to visually select from 18 thousand colors to find the database swatch id. Includes reverse lookup, loading progress and error handling.5/2008
A custom, real-time, DHTML color picker built for macys.com NY. Allows novice users to visually select from 18 thousand colors to find the database swatch id. Includes reverse lookup, loading progress and error handling.5/2008
HCI and Information Architecture links
An ongoing document designed to give an overview of these two fiends of study.3/2008
An ongoing document designed to give an overview of these two fiends of study.3/2008
UTF-8 Multi-lingual boiler plate
Basic document showing English, Devanagari (Hindi) and Thai script in a single UTF-8 XHTML document.10/2007
Basic document showing English, Devanagari (Hindi) and Thai script in a single UTF-8 XHTML document.10/2007
Horizontal AND vertical centering without tables
An example showing how a developer can center content within a browser (IE & Firefox PC + Mac and Safari) using only CSS.9/2007
An example showing how a developer can center content within a browser (IE & Firefox PC + Mac and Safari) using only CSS.9/2007
Fixed Elements and Transparency
HTML Containers that "float" above your content and example of cross-browser transparency.12/2006
HTML Containers that "float" above your content and example of cross-browser transparency.12/2006
Browser based XML / XSLT
An example using browser-based XML / XSLT, css, javascript to make a no-backend templating system that is easy to maintain and fast to display (1 XSLT file which is cached!)9/2005
An example using browser-based XML / XSLT, css, javascript to make a no-backend templating system that is easy to maintain and fast to display (1 XSLT file which is cached!)9/2005
Browser support for PNG images
The PNG image format has some exciting features that make it drastically better than its lossless counterpart, the GIF format. Unfortunately, Netscape and IE have only limited implementations of the format. This page allows you to quickly test your browser's support for PNG.12/2001
The PNG image format has some exciting features that make it drastically better than its lossless counterpart, the GIF format. Unfortunately, Netscape and IE have only limited implementations of the format. This page allows you to quickly test your browser's support for PNG.12/2001
Javascript banner loader
A cross-browser script that dynamically loads one of three banner images based on the width of the window.
Also a simple debug page that displays the window width as it is resized.5/2001
A cross-browser script that dynamically loads one of three banner images based on the width of the window.
Also a simple debug page that displays the window width as it is resized.5/2001
Floating layers and frames
Gives browser support (NS 4, 6 & IE5) information and example code for
Gives browser support (NS 4, 6 & IE5) information and example code for
<div>, <span>, <layer>, <ilayer> and <iframe> tags. 3/2001
Using Javascript for dynamic text creation
A crusty little demo that uses Javascript to re-write text on a layer.3/2001
A crusty little demo that uses Javascript to re-write text on a layer.3/2001
Interactive Sticker Maker.
A simple set of pages that make use of javascript to interactivly combine images and text. The user can type in any message and have it compliment, ignore or contradict one of the 6 pre-defined icons. This is meant to encourage people to expiriment with absurd combinations.5/2000
A simple set of pages that make use of javascript to interactivly combine images and text. The user can type in any message and have it compliment, ignore or contradict one of the 6 pre-defined icons. This is meant to encourage people to expiriment with absurd combinations.5/2000
Javascript image sequence
Demonstration of a modified rollover. Sequence advances each time the mouse rolls over.3/2000
Demonstration of a modified rollover. Sequence advances each time the mouse rolls over.3/2000
Proposal for a new method of 3D computer modeling
The Array if Simple Solids is a basic system of modeling 3D objects in the computer using the atom as a metaphorical building block.4/1999
The Array if Simple Solids is a basic system of modeling 3D objects in the computer using the atom as a metaphorical building block.4/1999
It's your turn
This is a dynamically linked essay concerning my relationship to the year 2000 and the opportunities for change it creates. By "dynamically linked" I mean that the links offer immediate feedback while reducing the break in continuity usually associated with hyperlinked documents. The interface is based on the Fluid Document model developed at Xerox Parc.4/1999
This is a dynamically linked essay concerning my relationship to the year 2000 and the opportunities for change it creates. By "dynamically linked" I mean that the links offer immediate feedback while reducing the break in continuity usually associated with hyperlinked documents. The interface is based on the Fluid Document model developed at Xerox Parc.4/1999
What Happend
A text based project dealing with the physical and psychological effects of a car accident that happend durring a visit to France in July, 1999.6/2000
A text based project dealing with the physical and psychological effects of a car accident that happend durring a visit to France in July, 1999.6/2000