Kristjan Kannike

Web Design

Designing for the Web is a book on web design by Mark Boulton.

Dive into HTML5 is a book on the most important parts of HTML5 by Mark Pilgrim.

Magazine A List Apart: articles on web design with stress on standards: (X)HTML, CSS, JavaScript.

Usability

U.S. Department of Health and Human Services: Usability offers thorough advice on improving usability and accessibility of web pages.

Writing for the Web: how users read on the Web and how authors should write their Web pages (Jakob Nielsen).

Magic Ink: Information Software and the Graphical Interface is an essay considering software design as a case of classic graphical design.

Colour

Tools

ColorZilla is a colour picker extension to Firefox.

Color Blender by Eric Meyer and Color Palette Creator by Steve Chipman mixe tints and give their numerical values.

The Color Scheme Designer generates a matching palette for a tint picked on the colour wheel, and helps to check its accessibility to the colour blind.

HTML

Microcontent: How to Write Headlines, Page Titles, and Subject Lines (Jakob Nielsen).

Use <link> s in your document (W3C QA Tips) to tie it to the previous or next document, or a version in another language.

Listamatic: One List, Many Options offers many templates for designing lists.

Hyperlink <a>

Guidelines for Visualizing Links (Jakob Nielsen).

Change the Color of Visited Links (Jakob Nielsen).

Home Page Icon or Favicon

Favicon (Wikipedia): formats for favicons, their use and history.

Typography

Macro-Typography treats the layout of poetry, footnotes, glosses and deeds on the Web.

Fonts

Georgia & Verdana - typefaces for the screen is an overview with interviews with the creators of these fonts.

Unicode

Alan Wood’s Web Site: Unicode support in browsers, Unicode symbol tables, and advice for writing multilanguage web pages. In addition: the character entity table of HTML 4.0.

In Brett's Absolutely Astounding Interactive Searchable Unicode Chart, Unicode characters can be searched by code or theme.

Layout

W3Schools: CSS Tutorial is a CSS tutorial with systematic examples of most design elements.

/* Position Is Everything */ teaches how to work around bugs in IE and other browsers, write laconic CSS , and offers layout examples.

BrainJar.com: Experiments in Web Programming: a CSS primer and layout examples; DOM; JavaScript. Great examples like the JavaScript powered blackjack with CSS -made cards.

JavaScript

Core JavaScript Guide is the official manual of JavaScript that is also suitable for learning it.

Core JavaScript Reference is the official reference of JavaScript.

JavaScript Shell is a JavaScript command line (interpreter) that makes experimenting easier.

Document Object Model (DOM)

BrainJar: Introduction to the Document Object Model is an introduction to DOM with examples. The DOM Event Model covers the possibilities to react to user input such as mouse clicks.

The Document Object Model in Mozilla: DOM & JavaScript, DOM reference, examples & links.

RSS & Atom

The article “What is RSS?” by Mark Pilgrim describes different versions of RSS , offers advice on which one to use, and teaches generating RSS with Python.

W3C RSS 1.0 News Feed Creation How-To: an RSS example and a XSL style sheet for generating RSS from HTML marked up with relevant CSS classes.

RDF Site Summary (RSS ) 1.0 is the specification of RSS .

AtomEnabled tells how to add Atom (a format similar to RSS ) channels to pages.

Tools

Feed Validator checks the correctness of RSS and Atom feeds.

Tools

W3C QA - The QA Toolbox: check validity of (X)HTML and CSS code, and search for broken links.

Firefox developer extensions, especially ColorZilla (web page eyedropper & color picker).

Python library Beautiful Soup can parse flawed HTML “tag soup”.