We beginnen ons te verdiepen in de lay-out van het galeriegedeelte, iets waar ik aan heb gewerkt sinds het begin van dit herontwerpproces. Vooral omdat ... de galerij in v9 nogal slecht was. We gaan het deze keer beter doen.
We gaan de galerijlay-out niets anders maken dan een groot raster met afbeeldingen. Dat is wat andere galerijen hebben die een plezier zijn om door te bladeren, dus dit zou ook zo moeten zijn. Met andere woorden: geen zijbalk, meer afbeeldingen.
We baseren de lay-out op het naadloos responsieve fotoraster-artikel dat ik een tijdje geleden heb gedaan. In wezen laten we de afbeeldingen allemaal vallen als inline-blokken in één ouder die CSS3-kolommen gebruikt. Gelukkig heeft Compass enkele hulpmiddelen om het nog gemakkelijker te maken. De goten zijn gemaakt door middel van kolomafstand en ondermarge.
Om echte inhoud te simuleren, gebruiken we willekeurige Place Kittens in een lus.
