Graphics

See also WYSIWYG

Formats

• http://dcurt.is/pixel-fitting

SVG

• Open Clip Art Library 2.0 (at 417M)
• http://dbushell.com/2012/04/03/svg-use-it-already/
• http://my.opera.com/ODIN/blog/2009/10/12/how-media-queries-allow-you-to-optimize-svg-icons-for-several-sizes

Icons

• http://www.pushing-pixels.org/2011/11/04/about-those-vector-icons.html

• http://www.webdesignerdepot.com/2012/01/how-to-make-your-own-icon-webfont/
• Make a dingbat font with Inkscape
• YouTube: How to Make a Font with Inkscape 0.47

• http://pfefferle.github.com/openwebicons/
• http://fortawesome.github.com/Font-Awesome/

Software

Gimp

• Gimp
  • GIMP Plugin Registry

• Save for Web
• psd2html

• Arch Wiki: CMYK support in The GIMP
• Producing a stippled image with Gimp

• http://panospace.wordpress.com/2009/10/13/making-the-gimp-work-for-me/

Inkscape

• Inkscape
  • Inkscape: Guide to a Vector Drawing Program
  • Un-official manual by Kevin Wixson
  • Inkscape keyboard and mouse reference
  • http://en.flossmanuals.net/inkscape/

Services

• http://tinypng.org/

Hosting

• All your Flickr photos in Dropbox, with style

Resources

Open and free

• http://openclipart.org/

QR Codes

• http://qrcodesdoneright.com/

Graphic designers

• https://99designs.co.uk
• http://www.pixelsink.com/ - Colin Gray, Dundee

Style

Colour

• http://www.w3.org/TR/css3-color/#svg-color
• http://blog.asmartbear.com/color-wheels.html

rgba(0, 0, 0, 0.2)

Ornamental flourishes

• http://vector.tutsplus.com/articles/web-roundups/250-free-vintage-graphics-flourish-vector-ornaments/
• http://all-silhouettes.com/flourishornaments/
• http://designshack.net/articles/freebies/weekly-freebies-flourishes-and-ornaments/
• http://moorstation.org/typoasis/ornaments/index.htm

Also; dingbat flourish fonts

• http://stackoverflow.com/questions/8903074/technique-for-adding-flourishes-to-div-corners-and-borders-css3-multiple-backgr

Canvas

• http://asserttrue.blogspot.ca/2012/01/procedural-textures-in-html5-canvas.html