Web projects / experiment archive by Jonathan Cross

• Ugly font rendering in IE I managed to trigger a really ugly font anti-aliasing problem in Internet Explorer 6, 7 and 8 while using the proprietary ActiveX opacity filter. Could not find any info about it on the web, so I made this demo. 7/2009
• Missing image aspect ratio IE 6 and 7 When dealing with missing images, it appears that Internet Explorer applies a roughly 1 : 1.1429 aspect ratio to the box it draws.5/2009
• Email Obfuscater A simple way to hide your email address from spammers.1/2009
• Paletted Color picker A custom, real-time, DHTML color picker tool for macys.com NY. Allows novice users to visually select from 18 thousand colors to find the database swatch id. Includes bi-directional color / swatch lookup, loading progress, fixed bugs and error handling. Based on the free color picker.5/2008
• Object Oriented Javascript Cheat-sheet and examples.4/2008
• HCI and Information Architecture links 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
• 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
• Fixed Elements and Transparency 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
• Cross-Browser dropdown menus This is just some nice code I found to build javascript menus.5/2002
• 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
• 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
• Floating layers and frames 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
• Nested Tables Fancy nested tables - no CSS!1/2001
• What Happened A text based project dealing with the physical and psychological effects of a car accident that happened during a visit to France in July, 1999.6/2000
• Interactive Sticker Maker. A simple set of pages that make use of javascript to interactively 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 experiment with absurd combinations.5/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
• 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