Design

Design basics

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

Information Architecture

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

User eXperience

• 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

Specs

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

• CSS (2010 snapshot)

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

Style guides

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

Positioning

• http://www.barelyfitz.com/screencast/html-training/css/positioning/

Resets, etc.

• http://html5boilerplate.com/

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

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". [1]

GUI

Icons

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

WYSIWYG textarea

TinyMCE

• http://www.tinymce.com
  • https://github.com/tinymce/tinymce/downloads
  • http://www.tinymce.com/wiki.php
  • http://www.tinymce.com/wiki.php/Creating_a_skin
  • http://superdit.com/2011/12/02/customizing-tinymce-css-skin/
  • http://www.scriptalicious.com/blog/2009/03/creating-a-new-tinymce-theme-for-3x/
  • http://www.cirkuit.net/projects/tinymce/cirkuitSkin/

• http://ccideas.com/howto/drupal-7-wysiwyg-tinymce-is-ugly/ - wysiwyg tinymce.inc has hardcoded

• TinyMCE plugins

Others

• http://ckeditor.com/download
• http://markitup.jaysalvat.com/home/
• http://www.openwebware.com/
• http://akzhan.github.com/jwysiwyg/

Typography

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

SVG

• Open Clip Art Library 2.0 (at 417M)

SEO

• http://katemats.com/2012/03/04/what-every-programmer-should-know-about-seo/