Design

still hashing about

Design basics

• http://blog.gentry.io/eames-design-is-a-method-of-action
• http://www.vitsoe.com/en/gb/about/dieterrams/gooddesign/
  • http://www.webdesignerdepot.com/2012/06/applying-dieter-rams-ten-principles-to-web-design/

• Stop Redesigning! Lean Rapid Interface Iteration Thoughts and Tips

• Google I/O 2012 - Advanced Design for Engineers

to add social stuff;

• many2many, etc

Usability and UX

Basics

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

• http://uxmovement.com/thinking/the-web-design-process-everyone-should-follow/

• 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.fastcodesign.com/1669879/can-we-please-move-past-apples-silly-faux-real-uis
• http://www.webcredible.co.uk/user-friendly-resources/web-usability/alpha-website-review.shtml

General

• http://www.uxforthemasses.com/
• 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://designrjc.com/services/information-architecture/

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

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

Accessibility

• Web Content Accessibility Guidelines (WCAG) 2.0
  • Web Content Accessibility Guidelines (WCAG) Overview
  • How to Meet WCAG 2.0
  • Techniques for WCAG 2.0 [2]

• 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://webaim.org/articles/
• http://www.sigmer.com/accessibility_statement.html

BS 8878, Web accessibility - Code of Practice, is consistent with the Equality Act 2010 and is referenced in the UK government’s e-Accessibility Action Plan

• http://www.hassellinclusion.com/bs8878/
• http://www.access8878.co.uk/

Social, UX and Brand Style Guides

• https://developers.facebook.com/socialdesign/

• 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

Colour

• http://www.w3.org/TR/css3-color/#svg-color
• 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://ie.microsoft.com/testdrive/graphics/opentype/opentype-fontbureau/index.html

• 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

Kerning

• http://www.w3.org/TR/css3-fonts/#font-kerning-prop
• http://adamdscott.com/typography/kerning-for-the-web/

• http://adamdscott.com/typography/kerning-for-the-web/
• http://designshack.net/articles/typography/kerning-live-web-type-with-jquery-and-lettering-js/
• http://blog.typekit.com/2011/06/03/type-study-a-better-kerning-experience-with-kern-js/

• http://logofontandlettering.com/kernking.html - kerning ipsum

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/

• http://www.learningjar.com/publishedSkill?learningPathId=4fa82644e4b0f1384b1d16b3

Domain

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