http://www.thedesigncubicle.com/2008/12/10-common-typography-mistakes/

http://www.noupe.com/design/40-killer-

PNG, 122KB
PDF, 959KB

Description
http://www.addedbytes.com/cheat-sheets/html-character-entities-cheat-sheet/

http://sixrevisions.com/resources/cheat_sheets_web_developer/

Absolútna superzbierka online nástrojov, čokoľvek pre webdizajnéra, + absolutny thanx patri
http://www.noupe.com/tools/handy-designers-tools-on-the-fly.html
———–
GoldenRatioCalculator
Grid Calculator
Tartan Designer

Reflection Maker

Kotatsu - a simple html table generator

Em Calculator
Em based layouts - Vertical rhythm calculator
Markup Generator
CSS Type Set
Text2PNG
CSS Text Wrap
.
Picmarkr- PicMarkr lets you to add custom watermark (image or text)
Vector Magic

Templaty pre e-mailing zdarma + odkaz na free knižku e-mail marketing

Ako dizajnovať, základy farieb, miesta, škály s odkazmi na články. Pekný zdroj.
http://justcreativedesign.com/2008/06/13/how-to-design-learn-the-basics/

Prehľadná tabuľka podpory CSS tj. toho čo si pri zostavovaní e-mailov dovoliť môžeme a čo nie.

v PDF.
http://cameronmoll.com/

Návod na to, ako sa zbaviť liniek okolo odkazov, a pokec okolo toho všetkého /EN/
v skrakte je riešenie následovné via CSS reset,
* :focus { outline: 0; }

.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}

http://perishablepress.com/

Výborný článok o farbách a paletách schémach a kde ich nájsť
chlapík si dal neskutočnú prácu s týmto článkom viac ako 48 linkov na zdrojaky, patterny, miešače farieb.., diky.
http://www.davidairey.com/colour-tools-palettes-theory/

COLOURlovers
Nature’s Color Palette
Color combinations - cure for designers block
Color combinations, schemes and palettes
colr.org
Web 2.0 colour palette
…… + 40 links more

http://www.colourlovers.com/blog/2008/05/08/history-of-the-color-wheel/

.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%; }
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}

Ak používate nástroje na skracovanie url tak IS.GD dopadol vraj najlepšie tak sa poďme na to pozrieť…
skratim nasledovny link:
http://chickencrap.com/specials/squirrels/28.jpg
skratene na:

http://is.gd/sYv
http://tinyurl.com/4k3252
http://doiop.com/veverica //doiop dovoľuje pridať vlastné slovo na koniec skratenia
http://xil.in/veverica/ or you can even use http://xil.in/3025/ // tak isto aj xil
http://dwarfurl.com/774e7 //dwarfurl [...]

zoznam “bezpečných” fontov – rodín pre použitie na webe.
tu: www.fonttester.com

oplatí sa pozrieť aj :

All Fonts Preview
Web Safe Fonts Preview

Linuxové ekvivalenty

Linux equivalents to common Windows and OS X Fonts

Otestujte fonty pred použitím

Typetester

…. ktoré nepoužívate aj ked môžte
celý článok aj s teóriou tu: www.3point7designs.com

www.3point7designs.com

6 Most wanted web 2.0 fonts Free

www.designers-revolution.com

Complete Guide to Pre-Installed Fonts in Linux, Mac, and Windows
porovnanie písiem v horeuvedených systémoch. Hlavne kôli ich daľšiemu použitiu na webe.

Serif
Sans Serif
Script/Handwriting
Monospace
Decorative
Symbol/Dingbat

zaujmavá služba ktorá ponúka rozlíšenie fontu za pomoci uploadu obrázka /screenshotu/ toho fontu.
Ever wanted to find a font just like the one used by certain publications, corporations, or ad campaigns? Well now you can, using our WhatTheFont font recognition system. Upload a scanned image of the font and instantly find the closest matches in our [...]

vtipný a asi aj pravdivý článok prináša rubiqube

1. Layout
2. Color Scheme
3. Transparency
4. Contrast
5. Typography
6. Gradient
7. Images
8. Web Bling

http://rubiqube.com/8-common-sense-tips-for-creating-clean-designs

Niekedy by som neveril kde budem potrebovať matematiku. Čo majú spoločné slová v nadpise? Všetko sa točí okolo harmónie, optiky, estetiky atd… Časom sa prišlo na to, že v oblasti grafických návrhov je vhodné dodržiavať určité pravidlá pre lepšiu čitateľnosť a prehľadnosť dokumentu. A to nielen typografické. Takže je sa čo učiť a [...]