Difference between revisions of "Style Making Resources"

From Dreamwidth Notes
Jump to: navigation, search
(Graphics)
(Formatting: start with level 1 sections instead of level 2 ones)
Line 1: Line 1:
== Learning ==
+
= Learning =
  
=== CSS ===
+
== CSS ==
  
=== HTML ===
+
== HTML ==
  
== Materials ==
+
= Materials =
  
=== Programs ===
+
== Programs ==
  
 
* [http://inkscape.org/ Inkscape] -- Open source vector image program
 
* [http://inkscape.org/ Inkscape] -- Open source vector image program
Line 13: Line 13:
 
* [http://www.aviary.com/ Aviary] and [http://pixlr.com/ Pixlr] -- Web based image tools
 
* [http://www.aviary.com/ Aviary] and [http://pixlr.com/ Pixlr] -- Web based image tools
  
=== Colors ===
+
== Colors ==
  
 
* [http://www.colourlovers.com ColourLovers] -- There is even a [http://www.colourlovers.com/group/Dreamwidth Dreamwidth group]
 
* [http://www.colourlovers.com ColourLovers] -- There is even a [http://www.colourlovers.com/group/Dreamwidth Dreamwidth group]
 
* [http://kuler.adobe.com Kuler]
 
* [http://kuler.adobe.com Kuler]
  
=== Graphics ===
+
== Graphics ==
  
==== Icons ====
+
=== Icons ===
  
 
* [http://dryicons.com/free-icons Free Icons from DryIcons]
 
* [http://dryicons.com/free-icons Free Icons from DryIcons]
Line 30: Line 30:
 
* [http://webtreats.mysitemyway.com/category/icons/ Webtreats Icons]
 
* [http://webtreats.mysitemyway.com/category/icons/ Webtreats Icons]
  
==== Seamless background patterns ====
+
=== 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.
 
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.
Line 54: Line 54:
 
* [http://webtreats.mysitemyway.com/category/photoshop-resources/patterns/ Webtreats Patterns]
 
* [http://webtreats.mysitemyway.com/category/photoshop-resources/patterns/ Webtreats Patterns]
  
==== Vector Art ====
+
=== Vector Art ===
  
 
* [http://www.allfreevectors.com/index.php All Free Vectors]
 
* [http://www.allfreevectors.com/index.php All Free Vectors]
Line 65: Line 65:
 
[http://www.smashingmagazine.com/tag/icons Smashing Magazine] regularly provides or links to free icon sets.
 
[http://www.smashingmagazine.com/tag/icons Smashing Magazine] regularly provides or links to free icon sets.
  
=== Fonts ===
+
== Fonts ==
  
 
* [http://www.fontex.org/ Fontex]
 
* [http://www.fontex.org/ Fontex]

Revision as of 19:58, 30 April 2011

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

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

Smashing Magazine regularly provides or links to free icon sets.

Fonts