Design

Design basics

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

Usability and UX

Basics

• http://www.usabilityfirst.com/
• http://www.intuitionhq.com/blog/2011/03/usability-ux-checklist/

• http://meiert.com/en/blog/20070330/25-excellent-usability-ux-articles-and-resources/

• http://stewartmccoy.com/how-to-get-a-ux-job-and-what-its-like/

Examples

• UX Myths collects the most frequent user experience misconceptions and explains why they don't hold true. And you don't have to take our word for it, we'll show you a lot of research findings and articles by design and usability gurus.

• Design patterns search

• Buffer’s UX | “Buffer” as a Good Thing - great site review

• Skeumorphism & Storytelling - "An interface that is not only easy to use, but fun to use, engages the user and creates an experience where obstacles are easier to overcome, and thus an experience where the product is easier and more effortless to use. Done right, skeuomorphism can retain the simplicity and ease of use of an interface while empowering users to act."

http://www.webcredible.co.uk/user-friendly-resources/web-usability/alpha-website-review.shtml

General

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

Good Practice

• Hacking: Always Design the UX First

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

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

• Pagination 101 [1]

Information Architecture

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

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

UX and Brand Style Guides

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

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

• UX Booth Style Guide
• The Chicago Manual of Style

• Google HTML/CSS Style Guide

Mobile

• http://www.lukew.com/ff/entry.asp?1514

See HTML/CSS#Responsive.

Style

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