Web Issues
Icons
- History
- Greek for "image"
- Iconicity
- For Computers
- First developed by Xerox PARC, adapted by Apple Macintosh
- Used to indicate a file, folder or application in the operating system
- Has come to mean a 'clickable' object, and therefore used on the web for links
- Some examples
Interactivity
HTML Linking
- Simplest, most basic interactivity
JavaScript Event-Driven Interaction
- DHTML
- Dynamic HTML, is manipulating the Document Object Model of an HTML doc, fiddling with CSS directives in style information, and using client-side JavaScript scripting to tie everything together
- Used for things like rollovers, popups, reacting to user text input in forms
- Example: this site
- AJAX
- Essentially, remote scripting allows client-side JavaScript to request data from a server without having to refresh the Web page
- Example: netflix
- Flash Interaction
- Takes interactivity to a new dimension, but with drawbacks
- Examples:
File Size
- An Historical Perspective on new technologies…
- Once Upone A Time…
- It really mattered. Telephone dial-up connections, 2400 BAUD modems
- Now, not so much. But don't be ridiculous about it
- Limit image sizes as much as possible with the best compression to quality ratio
Fonts
Browsers have limited fonts
- Yikes! Elegant Degradation
- Key: Windows fonts / Mac fonts / Font family
| Normal style | Bold style |
| Arial, Arial, Helvetica, sans-serif | Arial, Arial, Helvetica, sans-serif |
| Arial Black, Arial Black, Gadget, sans-serif | Arial Black, Arial Black, Gadget, sans-serif |
| Comic Sans MS, Comic Sans MS, cursive | Comic Sans MS, Comic Sans MS, cursive |
| Courier New, Courier New, Courier, monospace | Courier New, Courier New, Courier, monospace |
| Georgia, Georgia, serif | Georgia, Georgia, serif |
| Impact, Impact, Charcoal, sans-serif | Impact, Impact, Charcoal, sans-serif |
| Lucida Console, Monaco, monospace | Lucida Console, Monaco, monospace |
| Lucida Sans Unicode, Lucida Grande, sans-serif | Lucida Sans Unicode, Lucida Grande, sans-serif |
| Palatino Linotype, Book Antiqua, Palatino, serif | Palatino Linotype, Book Antiqua, Palatino, serif |
| Tahoma, Geneva, sans-serif | Tahoma, Geneva, sans-serif |
| Times New Roman, Times, serif | Times New Roman, Times, serif |
| Trebuchet MS, Helvetica, sans-serif | Trebuchet MS, Helvetica, sans-serif |
| Verdana, Verdana, Geneva, sans-serif | Verdana, Verdana, Geneva, sans-serif |
| Symbol, Symbol (Symbol, Symbol) | Symbol, Symbol (Symbol, Symbol) |
| MS Sans Serif, Geneva, sans-serif | MS Sans Serif, Geneva, sans-serif |
| MS Serif, New York, serif | MS Serif, New York, serif |
From http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Fruit & Veg Sites
Let's Deconstruct Them
- A good list of resources at Producepedia.com