Design

• Browsers

• http://themeforest.net/
• http://activeden.net/

Design basics

• http://blog.gentry.io/eames-design-is-a-method-of-action

User eXperience

• http://uxmyths.com/

• http://blog.jasonshah.org/post/17851783879/buffers-ux-buffer-as-a-good-thing - great review

• http://tobiasahlin.com/blog/skeumorphism-and-storytelling/

• http://www.nirandfar.com/2012/04/billion-dollar-mind-trick.html

• https://gist.github.com/622561 [1]

• http://blog.systemizer.me/2012/06/hacking-always-design-ux-first.html

• http://ada.mbecker.cc/post/25113870928/goddamn-three-bars-icon

• http://www.usabilityfirst.com/

• https://infrastructure.drupal.org/drupal.org-style-guide/brand.html

http://www.thismanslife.co.uk/projects/lab/responsiveillustration/ - responsive design example

• http://uxmovement.com/content/why-your-links-should-never-say-click-here/

Information Architecture

• http://blog.controlgroup.com/2012/06/25/so-whats-an-information-architect/

• http://www.jjg.net/ia/visvocab/

Performance

• http://stevesouders.com/efws/
• http://www.portent.com/blog/design-dev/how-we-made-portent-com-really-freaking-fast.htm

Tools

• http://jtaby.com/2012/04/23/modern-web-development-part-1.html

• Request Maker - Log, edit and send HTTP requests

http://unify.eightshapes.com/what-you-get/

Testing

Browsers I use:

• Chromium 21 (Dev)
• Google Chrome 19
• Firefox 13
• Firefox 16 (Nightly)
• Opera 12

To check

• http://www.webupd8.org/2011/09/test-websites-in-internet-explorer-9-8.html

UX & Style guides

• http://www.theuxbookmark.com/2010/08/interaction-design/a-monster-list-of-ui-guidelines-style-guides/

• http://www.uxbooth.com/styleguide/

• Google HTML/CSS Style Guide

• http://www.uxforthemasses.com/design-patterns-search/

Colours

• http://blog.asmartbear.com/color-wheels.html

Graphics

• http://tinypng.org/

• http://wiki.evilmadscience.com/Producing_a_stippled_image_with_Gimp

• 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

GUI

• WYSIWYG

Icons

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

Typography

• http://www.w3.org/TR/css3-fonts/
• http://www.html5rocks.com/en/tutorials/webfonts/quick/
• http://www.fontsquirrel.com/fontface/generator

• http://www.goodwebfonts.com/

• http://people.mozilla.com/~jkew/woff/ - sfnt2woff, convert existing TrueType/OpenType fonts to WOFF format
• FontForge - An outline font editor that lets you create your own postscript, truetype, opentype, cid-keyed, multi-master, cff, svg and bitmap (bdf, FON, NFNT) fonts, or edit existing ones. Also lets you convert one format to another.
• http://stackoverflow.com/questions/8942625/font-face-bold-in-ff-is-bolder-than-in-chrome
• http://www.w3.org/Talks/2010/0313-Fonts-SXSW/

body
article
h1
h2
h3
p, ul
small, aside

SVG

• Open Clip Art Library 2.0 (at 417M)

SEO

• http://katemats.com/2012/03/04/what-every-programmer-should-know-about-seo/
• http://webmasters.stackexchange.com/questions/30186/are-there-any-clear-indicators-that-my-sitemap-file-is-beneficial

• http://whatpageofsearchamion.com/

Domain

• http://www.leandomainsearch.com/top-domain-name-prefixes-and-suffixes