Style

Examples

• http://dribbble.com/

• http://panasonic.net/
• http://happycog.com/

• http://www.pcc-cic.org.uk/

Logos

• http://en.wikipedia.org/wiki/Wordmark

• github: octodex - play on a logo

Ratios

• Applying the Golden Ratio to Your Web Designs - 19th Oct 2010
• tutsplus: Mathematics and Web Design: A Close Relationship - Nov 16th 2010

• Good stories, pity they're not true - On fact and fiction re the golden ratio.

Colour

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

rgba(0, 0, 0, 0.2)

• http://colorhexa.com/
• http://bighugelabs.com/colors.php

Software

• http://home.gna.org/colorscheme/ - agave
  • http://my.opera.com/area42/blog/sharing-color-palettes
  • http://my.opera.com/area42/blog/color-scheme-helper-for-gimp

• https://code.google.com/p/gpick/
  • http://libregraphicsworld.org/blog/entry/creating-color-schemes-with-gpick

• http://visionwidget.com/chrome-color-picker-generator.html - browser based

Aesthetics

• http://www.hongkiat.com/blog/pixel-based-websites/

• http://speckyboy.com/2012/12/11/the-flat-design-aesthetic/ - shit, where did i put those other flat style links

Patterns

• http://www.world-mysteries.com/sar_sage1.htm

Tools

• Color Scheme Designer
• kuler

• 0to255
• ColorMatch Redux

• http://www.degraeve.com/color-palette/index.php - get palette from image

• http://stopusinggrey.com/

• http://mothereffinghsl.com/

Articles

• http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/
• http://24ways.org/2006/cheating-color
• http://ianstormtaylor.com/design-tip-never-use-black/ [1]

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

Buttons

• http://www.chrisnorstrom.com/2012/11/invention-multiple-choice-windowed-slider-ui/ [2]

Icons

See Typography#Webfont icons and Graphics#Icons

Seperate icons for each menu or list item can be good.

common?;

• About - pages
• FAQ - ?
• Help/Support - !
• Blog - scroll?
• Contact - envolope

Canvas

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