Sinds kort maakt Kiki foto’s met de iPhone van Kittekat. Dus ik heb een fotosite voor haar gemaakt. De layout is een versimpelde versie van mijn eigen fotosite. Laat ik het eerst maar eens over mijn eigen site hebben, daar heb ik al lang geen promotie meer voor gemaakt. Daarna zal ik uitweiden over Kiki’s nieuwe eigen fotosite. Waarschuwing: het is een nogal nerdy stukje, onderaan staat een eenvoudig recept voor pizza.
De oude lay van mijn site vond ik lelijk, eigenlijk al op het moment dat ik hem had gemaakt. Ik zat dus al tijden te zoeken naar een andere manier om foto’s te tonen. Wat me eigenlijk het meest tegen stond was het feit dat de site een bepaalde maximale breedte had, iets als 1200 pixels ofzo. Als je een breder scherm had dan kreeg je veel lege ruimte aan de zijkanten. En dat is jammer omdat juist een fotosite, met al die thumbnails, zich perfect leent voor een totaal flexibele, resolutie-onafhankelijke layout.
Er zijn natuurlijk veel manieren te bedenken om een layout flexibel te maken. De simpelste is gewoon uitvullen op 100%. Dat doe ik bijvoorbeeld op overzichtspagina’s zoals deze over onze vakantie in Griekenland eerder dit jaar. Maar hetzelfde doe ik met de thumbnails op de homepage en met de thumbnails op een fotopagina zoals deze van Kiki als oude man. Hoe breed of smal je scherm ook is, de foto’s vullen het scherm in de breedte.
Een iets minder simpele maar wel erg handige manier als je veel tekst gebruikt, is om een maximale breedte te geven aan een (deel van) de lay. Deze techniek gebruik ik vaak en graag. Ik gebruik hem bijvoorbeeld hier op Hank en Kittekat (maak je scherm maar eens smaller dan de tekst die je nu leest), ik gebruikte hem op Trash Chique en Maxime en Rita (grinnik) en nu ook voor alle bijschriften bij de foto’s op mijn site, hetgeen goed te zien is op een pagina met veel tekst zoals deze met een beeld van Umberto Boccioni in het Kroller Muller Museum.
En dan is er nog een derde techniek die helaas veel te weinig gebruikt wordt: bij elke resolutie een wezenlijk andere layout tonen. Dat is bijvoorbeeld handig voor iPhones of andere apparaten met kleine schermpjes maar het kan ook handig zijn voor hele brede schermen. Ik gebruik het weer voor de bijschriften bij de foto’s. Je zal zien dat de tekst naast deze foto van Kiki en mij ineens onder de foto staat als je het scherm smaller maakt. Zodra je je scherm nog smaller maakt zie je dat de foto 100% breed blijft.
Maar niet alleen de schaalbaarheid van de oude layout zat me dwars, ik vond dat al die ronde hoekjes veel te veel afleidden van de hoofdzaak van de site, namelijk foto’s tonen. Als oplossing hiervoor heb ik gekozen voor semitransparantie. Alle belangrijkste elementen op een pagina zijn volledig dekkend, alle minder belangrijke elementen zijn half transparant. Of het echt werkt, geen idee. Volgens mij ligt de focus duidelijk op de foto, die springt er uit. Maar ik heb ook het idee dat men minder makkelijk doorklikt naar andere foto’s. Het lijkt wel of de site minder prettig surft. Dat kan ik mooi in een volgende layout gaan oplossen.
Nu Kiki’s fotosite. Zoals ik al schreef, sinds kort maakt Kiki foto’s, ik wilde daar een site voor maken maar lui als ik ben had ik geen zin om daar lang mee bezig te zijn. Ik heb dus een extreem uitgeklede versie van mijn eigen site gemaakt. Op de homepage alleen de laatste foto en rechtsboven het logootje. En de fotopagina’s heb ik helemaal volgeplempt met foto’s. Het mooie aan foto’s van de iPhone is dat ze een mooie even verhouding hebben. Daardoor lukt dat volproppen zo goed. Ik kan hier ook wel een verhandeling gaan geven over de verschillende manieren van flexibele layout die ik heb gebruikt maar dat lijkt me niet nodig. Verander de grootte van je beeldscherm maar. En bekijk de site eens op de iPhone. De individuele foto’s stellen nog niet zo heel veel voor – een enkele uitzondering daargelaten, maar als geheel levert het wat mij betreft toch een mooi plaatje op. Dat komt natuurlijk doordat ze niet zuinig hoeft te zijn; ze kan zo veel foto’s maken als ze wil, het rolletje zal niet gauw volraken, en dat doet ze ook. Voor de liefhebben die nu nog niet genoeg nerdpraat heeft gelezen, hier vind je nog een artikel over waarom Kiki’s fotosite zo mooi is in browsers.
Pizza.
Maak brooddeeg en spreid dit uit over een bakplaat. Smeer truffelpasta op het brooddeeg. Leg plakken kaas hierover heen. Bedek de kaas met tomatenschijfjes en gerookte varkenslende (dat kan ook gewone ham zijn hoor). Vlak voordat je er in bijt leg je er rucola overheen. De geurcombinatie van rucola, truffel en goede ham, daar word ik bijna dierlijk aggressief van. In de Pijp zit een pizzeria die een soortgelijke pizza bezorgt en het ruikt zo ontzettend lekker dat ik altijd zin had om de pizzabezorger iets aan te doen als hij te lang treuzelde met geld terug geven. IK MOET NU DIE PIZZA VERORBEREN EN JIJ STAAT IN DE WEG!!! Zoiets.
Volgens mij zou jij rijk kunnen worden met cursussen time management geven. Hoe krijg je het voor elkaar om naast een relatie, kind en baan ook nog een site als Maxime en Rita in elkaar te zetten en te vullen? En dat naast alle andere sites? Respect. En LOL@ M&R
Misschien moet ik dat inderdaad maar eens gaan doen, time management cursussen gaan geven. De cusrus zal uit twee delen bestaan: Delegeren (wat ik veel heb toegepast op Maxime en Rita, dacht je nu echt dat ik die helemaal zelf had volgeschreven? Neen, dat hebben vooral mensen gedaan die echt kunnen schrijven. Wie? Dat kan je zien in de toolboxjes die verschrijnen als je over een naam hovert) en de zogenaamde 0%-100% regel. De meeste time managers hebben het altijd over de 80%-20% regel. Jajajaja, dat zal allemaal wel. De 0%-100% leert ons dat je moet proberen om 100% van de tijd te besteden aan nutteloze zaken (zoals het bouwen en tot in detail uitwerken van sites die niemand bezoekt) en 0% aan nuttige zaken. Er zijn namelijk meer dan genoeg mensen die het belangrijk vinden om nuttige zaken te doen, dus die gebeuren toch wel! Simpel gezegd: 0% geven, 100% nemen.
Heel interessante theorie, nadeel is dan wel weer dat 0% nut weer niet kan, je krijgt extra skills van al die sites bouwen, heeft het toch weer nut helaas.
0% kan inderdaad niet maar je kan er wel naar streven. Een beetje ambitie kan geen kwaad, zeker niet als het om nutteloosheid gaat (-:
Die laatste zin rijmt en kan zo op een tegeltje