Style

• http://news.ycombinator.com/item?id=4860145

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
• http://sachagreif.com/the-flat-sink/

• http://www.smashingmagazine.com/2009/03/31/backgrounds-in-web-design-examples-and-best-practices-2/

Examples

• http://dribbble.com/

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

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

• http://www.creativebloq.com/web-design/top-examples-css-912710

• http://vandelaydesign.com/blog/galleries/attention-to-detail/

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
• http://www.empiricalzeal.com/2012/06/05/the-crayola-fication-of-the-world-how-we-gave-colors-names-and-it-messed-with-our-brains-part-i/

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

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]

Logos

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

• github: octodex - play on a logo

Borders

• http://webdesignerwall.com/tutorials/css-decorative-gallery

Shadows

• http://bmccreative.com/blog:subtle-css3-box-shadows

Backgrounds

• http://www.smashingmagazine.com/2009/03/31/backgrounds-in-web-design-examples-and-best-practices-2/
• http://designwoop.com/2012/02/30-examples-of-subtle-background-textures-in-web-design/
• http://designshack.net/articles/css/create-seamless-web-background-textures-in-minutes/

• http://mudcu.be/bg/

Textures

• http://webdesign.tutsplus.com/tutorials/visuals/the-what-why-and-how-of-textures-in-webdesign/
• http://line25.com/articles/20-examples-of-subtle-texture-use-in-web-design

Patterns

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

• http://lea.verou.me/css3patterns/
  • http://24ways.org/2011/css3-patterns-explained/

• http://www.patternify.com/

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 - envelope
• Twitter
• Facebook
• Google+
• RSS

Social icons/brands

• Facebook deep blue; #3B5998
• Twitter blue; #4099FF
• Google plus red; #C85D42

• http://mattbrett.com/blog/design/2005/the-new-standard-feed-icon/

Canvas

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