Design

• 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/

Information Architecture

• 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

Specs

• HTML
  • http://dev.w3.org/html5/spec-author-view/
  • HTML Design Principles

Docs, guides, etc.

• Dochub.io

• About HTML semantics and front-end architecture

• Mozilla Developer Network
• Introduction to The Web Standards Curriculum - opera
• Web Education Community Group Wiki - w3c
  • Floats and clearing

• http://learn.shayhowe.com/html-css/

Tools

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

• Request Maker - Log, edit and send HTTP requests

Style guides

• http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml

Page outlines

• http://oli.jp/2008/html5-class-cheatsheet/

Responsive

• Multi-Device Layout Patterns
• Supporting high-dpi pixel-dense "Retina" Displays like iPhones or the iPad 3 with CSS or IMG

Accessibility

• http://www.w3.org/TR/WCAG20/
  • http://www.w3.org/TR/WCAG10-TECHS/
  • http://www.w3.org/TR/WCAG10/full-checklist.html

• http://en.wikipedia.org/wiki/Web_accessibility
• http://diveintoaccessibility.info/table_of_contents.html - free book, 30 days to a more accessible web site

• http://www.sigmer.com/accessibility_statement.html

Headings should not be removed using display:none, because it removes the headings from assistive technology. Instead headings can be made invisible to sighted users using CSS class="element-invisible". [2]

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