Skutočná webová stránka zatiaľ vôbec nevyzerá ako náš návrh Photoshopu. V tomto obrazovom vysielaní sa zaoberáme práve tým, čo sa začína našou hlavičkou a oblasťou loga. Je to dobrý pocit, že máte trochu „skutočný“ začiatok vizuálnej výstavby stránky.
Ako výber farieb používame Franka DeLoupea, ktorý je pekne integrovaný do Photoshopu (farba, ktorú vyberiete, je vo Photoshope aktívna a tiež skopírovaná do schránky).
V jednom okamihu zmeníme konfiguráciu Sass / Compass tak, aby sme kompilovali CSS :expanded
namiesto toho, :compressed
aby sme videli skutočné CSS, ktoré sa generujú z dôvodov ladenia.
Musíme trochu použiť náš mozog, pokiaľ ide o to, ako budú veci umiestnené, a reagovať na pohyblivú povahu okna prehľadávača. Napríklad denník by sa mal vždy dotknúť ľavého horného rohu.
Robíme strašne veľa šťuchania okolo hodnôt, aby sme mali všetko správne, rovnako ako tu a tam pridávame malé detaily, aby veci vyzerali lepšie, ako napríklad pridaním jemných tieňov k efektu stohu papiera.