# 97: Fotoshopping av almanakken - CSS-triks

Anonim

Almanakken var en ting som ble lansert i v9 og ble aldri helt ferdig. Det nærmer seg skjønt og nærmere hver dag. Så i v10 vil vi designe rundt antagelsen om at det er "gjort".

Vi ser på det eksisterende v9-designet, som er ganske greit, men som ikke tjener innholdet veldig bra. Som en rask til side ser vi at overføringene til bokstavene med fet skrift svever, som vanligvis er et nei-nei (ofte skyver annen tekst bort og ser rart ut), men det er litt av en kul effekt på disse låste posisjonsbokstavene.

Vi har allerede den tilpassede toppteksten på plass, så vi legger den i Photoshop, slik at vi kan fikle rundt med designet i sammenheng. Noe av det jeg liker med Giovannis illustrasjon er at den minner meg om den fysiske boka som var vanlig der jeg vokste opp: Farmer's Almanac. Vi bestemmer oss for å ta den fysiske bokmetaforen og bringe den inn i dette designet. Ikke skeuomorf eller noe, men bare et nikk til dimensjonalitet.

Vi gjør det til et to-siders oppslag og bruker graderinger for å antyde en skygge og binding. Vi leker med noen skygger for å utvide effekten.

Igjen utvider vi "bok" -metaforen, og vi plukker ut en håndskriftfont for å vise bokstavene i boken, noe som gjør den til mer en journal eller dagbok enn en bok som jeg har det bra med.

Dette området er delt i to (som fungerer fint med 2-siders layout). Den ene siden er for CSS-egenskaper og den andre siden for CSS-velgerne. For å gjøre det visuelt tydeligere (utover bare å titulere de to sidene) har de to sidene en annen grunnfarge.

Vi tenker litt gjennom typografien og sliter med noen avgjørelser om hvor vi kan komme unna med denne håndskriften og hvor vi ikke kan. Vi kjemper også litt med det faktum at vi (igjen) har brukt hele siden til innholdsutforskning. En god ting, for å være sikker, men nok en gang har vi fjernet reklame som er ganske viktig for nettstedets overlevelse.