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.

• 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."

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]

UX & 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/

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

• Google HTML/CSS Style Guide

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

Mobile

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

See HTML/CSS#Responsive.

Information Architecture

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

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

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

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