# 86: Fotoshopping af galleriet - CSS-tricks

Anonim

Jeg var begejstret for at komme i gang med Galleri-området på stedet. Det er et af de områder, der var særlig dårligt i v9. Det får ikke masser af trafik, men måske kan vi vende det. Jeg nyder det meget og har en masse indhold for at blive sendt til det over tid.

Vi starter med at arbejde i Photoshop, så vi kan holde vores sind kreative og lave visuel udforskning uden bagagen ved at tænke analytisk med kode.

Vi bevæger os over overskriften. Virker lidt sjovt at gøre det, da det allerede er implementeret på webstedet og på en bedre måde, men dette vil hjælpe os med at holde vores designmiljø så reelt som muligt.

Vi bygger en navigationslinje til galleriet. I stedet for en stor grim tagsky i bunden af ​​layoutet, som vi havde før (og selv det var en forbedring af den rodede kategori og taglayout fra tidlige v9 dage) gør vi noget andet. Vi laver en rullemenu, hvor du kan klikke for at afsløre de tags, du kan søge efter, og selv det er indbygget i lidt af et brødkrummel-layout i navigationslinjen. Så det tjener slags tredobbelt: sidetitel, brødkrummetnavig og udforskende rullemenu.

Dette design er for mig noget, jeg sandsynligvis ikke ville være kommet op med, hvis jeg ikke foretog disse udforskende ture tilbage til Photoshop.