Aktuální web zatím vůbec nevypadá jako náš design Photoshopu. V tomto screencastu se zabýváme právě tím, že začneme nahoře naší oblastí záhlaví a loga. Je to dobrý pocit, mít trochu „skutečný“ začátek s budováním webu vizuálně.
Jako výběr barev používáme Franka DeLoupea, který je pěkně integrován do Photoshopu (barva, kterou vyberete, je ve Photoshopu aktivní a zkopírována do vaší schránky).
V jednom okamžiku změníme konfiguraci Sass / Compass tak, aby kompiloval CSS jako :expanded místo toho, :compressedabychom viděli skutečné CSS generované z důvodů ladění.
Musíme trochu využít náš mozek, pokud jde o to, jak budou věci umístěny, a reagovat na proměnlivou povahu okna prohlížeče. Například protokol by se měl vždy dotknout levého horního rohu.
Děláme strašně hodně šťouchnutí kolem hodnot, abychom dostali věci do pořádku, stejně jako sem tam přidáme malé detaily, aby věci vypadaly lépe, jako když přidáme jemné stíny do efektu stohu papíru.