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/

• http://www.paul-rand.com/foundation/thoughts/

• 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

General

• http://www.usabilityfirst.com/
• http://www.uxforthemasses.com/

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

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
• Alpha.gov.uk - A quick usability review

Specifics

• 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://ada.mbecker.cc/post/25113870928/goddamn-three-bars-icon

• http://www.fastcodesign.com/1669879/can-we-please-move-past-apples-silly-faux-real-uis

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

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

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/

• Pagination 101 [1]

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.

SEO

• What Every Programmer Should Know About SEO
• Are there any clear indicators that my sitemap file is beneficial?

• Search Engine Optimization (SEO) Kit - something to look through some day

• Why Your Links Should Never Say “Click Here”

Tools

• What Page of Search Am I On?

Analytics

• Google Analytics

• Piwik - open source

Domain

• Calculating The 5,000 Most Frequently Used Domain Name Prefixes and Suffixes

Process

• http://uxmovement.com/thinking/the-web-design-process-everyone-should-follow/
• http://www.intuitionhq.com/blog/2011/03/usability-ux-checklist/
• Hacking: Always Design the UX First

• Define style
  • Colour palette
  • Typography
    • Webfont for headings, paragraphs, navigation, etc.
    • Vertical rhythm baseline (proportions for font-size and line-height)

• HTML5 compliant base
• Browser reset
• Start with mobile first
  • Make sure mobile devices don't get desktop size CSS or content
  • 320 And Up
• If available, use server-side CSS preprocessing through theme or plugin.
  • LESS and limited SCSS/Compass in PHP (all shared), full SCSS/etc. with Ruby (easier on VPS)
  • Semantic CSS with grid and vertical rhythm systems

• Apply styles
  • Install chosen base theme and and additional 'base' plugins
  • Use CSS preprocess variables and mixins

• Define other stuff
  • What pages (sitemap)
  • How content is displayed on each page
  • UX things and stuff