# 97: Almanahhi fotode ostmine - CSS-trikid

Lang L: none (table-of-contents)

Almanahh oli v9-s käivitatud asi, mida pole kunagi päris tehtud. Läheneb siiski iga päevaga. Nii et v10-s lähtume eeldusest, et see on "valmis".

Vaatame olemasolevat v9 kujundust, mis on kinda-sorta korras, kuid ei paku sisu ülihästi. Kiire kõrvalejäetuna näeme, et hõljutatud tähtede pealekandmine on hõljuva tähega, mis on tavaliselt ei-ei (lükkab muu teksti sageli eemale ja tundub imelik), kuid see on nende lahtiste tähtede jaoks kuidagi lahe efekt.

Kohandatud päise graafika on meil juba paigas, nii et panime selle Photoshopi, et saaksime kujundusega kontekstis ümber käia. Osa sellest, mis mulle Giovanni illustratsiooni juures meeldib, on see, et see tuletab mulle meelde füüsilist raamatut, mis oli tavaline seal, kus ma üles kasvasin: Põllumehe almanahh. Otsustame võtta füüsilise raamatu metafoori ja viia see sellesse kujundusse. Mitte skeuomorfne ega midagi, vaid lihtsalt noogutus mõõtmetele.

Me teeme sellest kaheleheküljelise leviku ja kasutame gradiente varju ja köitmise vihjamiseks. Efekti laiendamiseks mängime mõningate varjudega.

Jällegi laiendades "raamatu" metafoori, valime raamatus tähtede kuvamiseks välja käsikirjafondi, muutes selle pigem ajakirjaks või päevikuks kui raamatuks, millega mul kõik korras on.

See ala on jagatud kaheks (mis töötab kenasti 2-lehelise paigutusega). Üks pool on mõeldud CSS-i omadustele ja teine ​​pool on CSS-i valijatele. Selle visuaalselt selgemaks muutmiseks (lisaks kahe lehe pealkirjastamisele) on mõlemal küljel erinev põhivärv.

Mõtleme tüpograafiat veidi läbi ja maadleme mõne otsusega selle üle, kuhu selle käekirjafondiga pääseme ja kuhu mitte. Maadleme natuke ka sellega, et oleme (jällegi) kogu lehe sisu uurimiseks kasutanud. Hea asi, kindel olla, kuid oleme taas kord eemaldanud reklaami, mis on saidi püsimajäämiseks üsna oluline.

Huvitavad Artiklid...