Imagery Web Sites

Wiki Public Domain Image Resources - http://en.wikipedia.org/wiki/Wikipedia:Public_domain_image_resources
LibrarySpot.com Image Resources - http://www.libraryspot.com/images.htm
Deep Web Resources:
Read Write Web - http://www.readwriteweb.com/
Footnote.com (Historical Image Resources) - http://www.footnote.com/
Tools:
Adobe Photoshop - http://www.adobe.com/products/photoshop/index.html
Adobe Fireworks - http://www.adobe.com/products/fireworks/
Gimp - http://www.gimp.org/
GimpShop - http://www.gimpshop.com/

Audio and Video

Fancy Buttons and Menus

Typography Web Sites

I Love Typography (resource site) http://ilovetypography.com/
I Love Typography: 15 Examples of Excellent Web Typography http://ilovetypography.com/2007/09/19/15-excellent-examples-of-web-typography/
Typographica (Typography Journal and News) http://typographica.org/
Microsoft Typography (resource site) http://www.microsoft.com/typography/default.mspx
ABC Typography (virtual museum) http://abc.planet-typography.com/
A List Apart: Typography (tutorials) http://www.alistapart.com/topics/design/typography/
TypoGraphic (history of type) http://www.rsub.com/typographic/
Digital Magazine: CSS Typography (resource) http://www.digital-web.com/articles/css_typography/
Noupe.com: CSS Tutorials http://www.noupe.com/css/using-css-to-fix-anything-20-common-bugs-and-fixes.html
DesignSnips (Examples of Good Web Design) http://designsnips.com/

Typography Web Sites

I Love Typography (resource site) http://ilovetypography.com/
I Love Typography: 15 Examples of Excellent Web Typography http://ilovetypography.com/2007/09/19/15-excellent-examples-of-web-typography/
Typographica (Typography Journal and News) http://typographica.org/
Microsoft Typography (resource site) http://www.microsoft.com/typography/default.mspx
ABC Typography (virtual museum) http://abc.planet-typography.com/
A List Apart: Typography (tutorials) http://www.alistapart.com/topics/design/typography/
TypoGraphic (history of type) http://www.rsub.com/typographic/
Digital Magazine: CSS Typography (resource) http://www.digital-web.com/articles/css_typography/
Noupe.com: CSS Tutorials http://www.noupe.com/css/using-css-to-fix-anything-20-common-bugs-and-fixes.html
DesignSnips (Examples of Good Web Design) http://designsnips.com/

JavaScript and DHTML: Adding Interactivity

Making Money with Your Site

Imagery

Chapter five of The Principles of Beautiful Web Design deals with imagery.

Textures and Web 2.0 Trends

The web sites for review this week dealt with texture and the Web 2.0 trend. One textural tend is the grunge look.

Urban Dirty http://urbandirty.com

Best Textures Flickr Group http://www.flickr.com/photos/torley/collections/72157594588432564

Deviant Art Textures http://browse.deviantart.com/resources/textures/

Texture King http://www.textureking.com/

Grunge Textures http://www.grungetextures.com/

Grunge Styles
http://www.smashingmagazine.com/2008/01/29/grunge-style-in-modern-web-design/

Photoshop Tutorials on Creating Textures
http://vandelaydesign.com/blog/design/photoshop-tutorials-textures/

2007 Web Design Trends
http://www.modernlifeisrubbish.co.uk/article/2007-more-web-design-trends-and-cliches

Web 2.0 Tutorials
http://www.smashingmagazine.com/2007/03/10/web-20-tutorials-round-up/

Screen Resolutions Worldwide
http://www.modernlifeisrubbish.co.uk/article/screen-resolutions-and-aspect-ratios-worldwide

Typography

Chapter 4 of The Principles of Beautiful Web Design was about typography and how to create type that reflects the theme of you web site. Most choices to be made concerning type are in regard to the space around letters and text blocks rather than the actual font type. There are many online communities devoted to the topic if typography including: http://www.typofile.com/

There are only a small amount of font families supported by the two leading operating systems. There are nine font families known as the safe list. They are:

1. Arial
2. Arial Black
3. Comic Sans MS
4. Courier New
5. Georgia
6. Impact
7. Times New Roman
8. Trebuchet MS
9. Verdana

CSS style font-family properties can be used to control the fonts used in your web site. They are really useful because you can list the type of font which you would like used in order of preference. If a viewer does not have your first choice of font style is will go to your next choice. If the viewer does not have your second font style choice it will go to your third choice. Then you would list a generic font family similar to your font choice. This way a viewer who does not have any of your three choices installed on their computer can view your web site.

Letting Visitors Talk to You (and Each Other)

Attracting Visitors