# 012: CSSing toppteksten / logoen - CSS-triks

Anonim

Så langt ser det faktiske nettstedet ikke ut som Photoshop-designet vårt. I denne skjermsendingen graver vi på å gjøre nettopp det, og begynner øverst med toppteksten og logoområdet vårt. Det føles bra å ha en litt “ekte” start på å bygge nettstedet visuelt.

Vi bruker Frank DeLoupe som fargevalg, som er pent integrert med Photoshop (det gjør fargen du velger den aktive fargen i Photoshop, samt kopiert til utklippstavlen din).

På et tidspunkt endrer vi Sass / Compass-konfigurasjonen for å kompilere CSS som i :expanded stedet for :compressedå se den faktiske CSS som genereres av feilsøkingsgrunner.

Vi må bruke hjernen vår litt om hvordan ting skal plasseres og reagere på det flytende i et nettleservindu. For eksempel skal loggen alltid berøre øvre venstre hjørne.

Vi gjør veldig mye nudging rundt verdier for å få ting akkurat, i tillegg til å legge til små detaljer her og der for å få ting til å se bedre ut, som å legge til små skygger til papirstabeleffekten.