# 97: Az Almanach fotózás - CSS-trükkök

Anonim

Az Almanach egy olyan dolog volt, amelyet a v9-ben indítottak el, és soha nem sikerült teljesen. Bár napról napra egyre közelebb van. Tehát a v10-ben arra a feltételezésre építünk, hogy „kész”.

Megnézzük a meglévő v9 dizájnt, ami elég rendben van, de nem szolgálja szuperül a tartalmat. Gyors félretételként azt látjuk, hogy az egérrel félkövér betűk áthúzása, ami általában nem-nem (gyakran más szöveget tol el és furcsán néz ki), de nagyon jó hatással van ezekre a lezárt helyzetű betűkre.

Már megvan a helyben az egyedi fejlécgrafika, ezért ezt a Photoshopba helyeztük, hogy a kontextusban körbejárhassuk a dizájnt. Az a rész, ami nekem tetszik Giovanni illusztrációjában, az, hogy emlékeztet a fizikai könyvre, amely gyakori volt ott, ahol felnőttem: A gazda almanachja. Úgy döntünk, hogy a fizikai könyv metaforát vesszük, és ebbe a tervbe vesszük. Nem skeuomorf vagy bármi más, csak egy bólintás a dimenziók felé.

Kétoldalas elterjesztéssé tesszük, és színátmenetekkel utalunk az árnyékra és a kötésre. Néhány árnyékkal játszunk a hatás kiterjesztése érdekében.

Ismét kiterjesztve a „könyv” metaforát, kézírás-betűtípust választunk a könyv betűinek megjelenítésére, így ez inkább napló vagy napló, mint könyv, amivel jól érzem magam.

Ez a terület ketté van osztva (ami remekül működik a 2 oldalas elrendezéssel). Az egyik oldal a CSS tulajdonságokra, a másik a CSS választókra vonatkozik. Annak érdekében, hogy ez vizuálisan egyértelműbb legyen (a két oldal megnevezésén túl), a két oldal eltérő alapszínnel rendelkezik.

Kicsit végiggondoljuk a tipográfiát, és néhány olyan döntéssel küzdünk, amelyekben megúszhatjuk ezt a kézírásos betűtípust, és hol nem. Kicsit birkózunk azzal a ténnyel is, hogy (ismét) a teljes oldalt felhasználtuk tartalom feltárására. Jó dolog, az biztos, de ismét eltávolítottuk a reklámokat, amelyek nagyon fontosak a webhely fennmaradásához.