De Almanac was een ding dat in v9 werd gelanceerd en nooit helemaal is afgemaakt. Het komt echter elke dag dichterbij. Dus in v10 ontwerpen we vanuit de veronderstelling dat het 'klaar' is.
We kijken naar het bestaande v9-ontwerp, dat een beetje oké is, maar de inhoud niet zo goed doet. Even terzijde: we zien dat de rollovers voor de letters vetgedrukt zijn bij hover, wat meestal een nee-nee is (vaak duwt andere tekst weg en ziet er raar uit), maar het heeft een nogal cool effect op deze vergrendelde letters.
We hebben al de aangepaste koptekstafbeelding, dus we plaatsen die in Photoshop zodat we kunnen sleutelen aan het ontwerp in de context. Een deel van wat ik leuk vind aan Giovanni's illustratie is dat het me doet denken aan het fysieke boek dat veel voorkwam waar ik opgroeide: The Farmer's Almanac. We besluiten om de fysieke metafoor van het boek te gebruiken in dit ontwerp. Niet skeuomorf of zo, maar gewoon een knipoog naar dimensionaliteit.
We maken er een spread van twee pagina's van en gebruiken verlopen om te verwijzen naar een schaduw en binding. We spelen met wat schaduwen om het effect te vergroten.
Nogmaals door de metafoor van het 'boek' uit te breiden, kiezen we een handgeschreven lettertype om de letters in het boek te laten zien, waardoor het meer een dagboek of dagboek wordt dan een boek waar ik het goed mee vind.
Dit gebied is in tweeën gesplitst (wat goed werkt met de indeling van 2 pagina's). De ene kant is voor CSS-eigenschappen en de andere kant is voor CSS-selectors. Om dat visueel duidelijker te maken (naast het benoemen van de twee pagina's) hebben de twee zijden een verschillende basiskleur.
We denken een beetje na over de typografie en worstelen met enkele beslissingen over waar we weg kunnen komen met dit handgeschreven lettertype en waar we niet kunnen. We worstelen ook een beetje met het feit dat we (weer) de hele pagina hebben gebruikt voor contentverkenning. Een goede zaak, maar nogmaals, we hebben advertenties verwijderd die van vitaal belang zijn voor het voortbestaan van de site.