Style Making Resources

From Dreamwidth Notes
Revision as of 07:16, 7 May 2011 by Foxfirefey (Talk | contribs)

Jump to: navigation, search

Learning

CSS

HTML

Materials

Programs

  • Inkscape -- Open source vector image program
  • GIMP -- Open source photo/image editing
  • Aviary and Pixlr -- Web based image tools

Colors

Graphics

Icons

Icons can be used to replace action links, to provide visual clues and information, as decorations or to make wallpaper backgrounds. When they replace links or provide information it is important to associate alternative text to them so that screen readers or users who browse without images can use the page too.

Seamless background patterns

Seamless background patterns are patterns which can be repeated endlessly (or tiled) without elements being misaligned or lines being visible. That's why they can be used as backgrounds. They're also generally small, light images which take very little space on a server -- which is useful as image size is usually restricted on image hosts -- and are therefore much quicker to load than bigger images.

Vector Art

Vector images can usually be used to provide decorations or to make background images. The difference between ordinary images and vector images is that vector images can be easily rescaled, recolorized, rotated or transformed without distortion or quality loss then converted to the usual .jpg, .png or .gif formats.

Smashing Magazine regularly provides or links to free icon sets.

Fonts

Layouts

Retrieved from "http://wiki.dreamwidth.net/wiki/index.php?title=Style_Making_Resources&oldid=9752"