Jak převést nakreslený design z PSD do XHTML/CSS

Weboví designéři obvykle vytvářejí stránky následujícím způsobem – kompletní podobu stránky si prvně nakreslí v nějakém grafickém editoru, typicky v Adobe Photoshopu (nebo již dostanou hotový design). Poté tento vzhled „rozřežou“ na jednotlivé části (typicky logo, navigační prvky a ostatní grafické vychytávky) a pak se s chutí pustí do tvorby XHTML/CSS kódu. Výsledkem je funkční stránka. Ačkoliv tento proces, tak jak jsem ho nastínil, vypadá poměrně jednoduše, nemusí tomu tak být vždy. Článek Code an Awesome Minimal Design from PSD to XHTML & CSS ukáže, jak rozřezat minimalistický design na kousky a krok za krokem vás provede celým procesem tvorby XHTML a CSS kódu.

Zdroj: tuttoaster.com.