# 86: Photoshopping the Gallery - CSS-trucs

Anonim

Ik was opgewonden om aan de slag te gaan met het Gallery-gedeelte op de site. Het is een van de gebieden die bijzonder slecht was in v9. Het krijgt niet veel verkeer, maar misschien kunnen we dat omdraaien. Ik geniet er erg van en heb een hoop inhoud om er in de loop van de tijd op te plaatsen.

We beginnen met het werken in Photoshop, zodat we onze geest creatief kunnen houden en wat visuele verkenning kunnen doen zonder de bagage van analytisch denken met code.

We gaan over de koptekstafbeelding. Het lijkt een beetje grappig om dat te doen, aangezien het al op de site is geïmplementeerd en op een betere manier, maar dit zal ons helpen om onze ontwerpomgeving zo echt mogelijk te houden.

We bouwen een navigatiebalk voor de galerij. In plaats van een grote vervelende tagwolk onderaan de lay-out zoals we eerder hadden (en zelfs dat was een verbetering van de rommelige categorie en taglay-out uit de vroege v9-dagen) doen we iets anders. We gaan een vervolgkeuzemenu maken waarop u kunt klikken om de tags weer te geven waar u door kunt bladeren, en zelfs dat is ingebouwd in een beetje een broodkruimelachtige lay-out in de navigatiebalk. Het dient dus een soort drievoudige taak: paginatitel, broodkruimelnavigatie en verkennend vervolgkeuzemenu.

Dit ontwerp is voor mij iets dat ik waarschijnlijk niet had bedacht als ik deze verkennende reizen niet terug naar Photoshop had gemaakt.