Style
Aesthetics
- 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://daringfireball.net/2013/01/the_trend_against_skeuomorphism
- http://news.ycombinator.com/item?id=5086991
- http://en.wikipedia.org/wiki/Metro_(design_language)
- http://www.matthewmooredesign.com/almost-flat-design/ [1]
- http://blog.wells.ee/less-aesthetic-more-design
- http://sachagreif.com/flat-pixels/
Examples
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://visionwidget.com/chrome-color-picker-generator.html - browser based
Tools
- http://www.degraeve.com/color-palette/index.php - get palette from image
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/ [2]
Logos
- github: octodex - play on a logo
Borders
Shadows
- http://bmccreative.com/blog:subtle-css3-box-shadows
- http://der-auftritt.de/testcase/gradientshadow.html
- http://devblog.xing.com/frontend/a-flexible-shadow-with-background-size/
- https://coderwall.com/p/dw61mg - radial drop shadow
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/
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
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
Buttons
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
- Google+
- RSS
Social icons/brands
- Facebook deep blue; #3B5998
- Twitter blue; #4099FF
- Google plus red; #C85D42