Useful Stuff for Web Authoring 425
Handouts
/
Freeware
/
Web Design
/
CSS
/
Fonts
/
Color
/
Graphics
/
Demos
/
Writing Resources
/
Other Samples
Note to Students:
If you find any of these links obsolete or in error, please let me know. Thanks.
Handouts
Design Baseline
(PDF)
Basic HTML file
top
Web Design Freeware
PSPad
- recommended freeware HTML editor
GIMP
- free graphics program
Nvu
- free WYSIWYG system
Firebug
- Firefox web developer add-on
Web Developer Tool Bar
- Firefox web developer add-on
Big List of HTML and Other Editor Programs
top
Web Design Resources
Dave Raggett's HTML tutorial
Bizntech Design Resources
W3 Schools
Web Style Guide
A List Apart
- good advice "for people who make websites"
CSS Reboot Spring 2006
- good for some design ideas
Max Design
- more good design advice
The Noodle Incident
- ditto
456 Berea St CSS and XHTML Lab
Pixel Acres
Silverorange Labs
- interesting stuff; worth a browse-through
That Standards Guy
top
CSS Resources
CSSplay
= excellent demos and styling ideas
CSS Layout Tutorial
Curing Float Drops and Wraps
Customizing Links
Eric Meyer's CSS/Edge
CSS Zen Garden
top
Fonts & Web Typography
Common fonts
to all versions of Windows & Mac equivalents
Font Tester
Typetester
A Practical Guide to
Web Typography
Compose to a Vertical Rhtyhm
sIFR 2.0: Rich Accessible Typography for the Masses
top
Web Color Resources
Colour Lovers
Adobe Kuler
Color Palette Creator
Color Palette Generator
(generates palettes from images you supply)
Color Hunter
(might do the same thing)
top
Graphics Resources
Photoshop Tutorials
Free Online Photoshop Training
Image Optimizer
(Dynamic Drives)
top
In-Class Demos
Using Images
Image Swap Demo
Text Swap Demo
Links Tab Demo
Timeline Demo
Traveling Mindset Demo
top
Research & Writing Resources
Bizntech Research Resources
Writing Instructions for a Tutorial Page
top
Other sample web pages, links, etc.
Ben Fry's fancy site
- see in particular his
thesis page
Sample feature page
- from
Mappa Mundi Magazine
Sample further reading page
top
~ Jonathan Bass