Wir beginnen, uns mit dem Layout des Galeriebereichs zu befassen, was mir seit Beginn dieses Neugestaltungsprozesses in den Sinn gekommen ist. Meistens, weil… die Galerie in Version 9 irgendwie beschissen war. Diesmal werden wir es besser machen.
Wir werden das Galerie-Layout nur zu einem großen Raster von Bildern machen. Das ist es, was andere Galerien haben, die sich gerne durchsuchen, also sollte dies auch so sein. Mit anderen Worten: keine Seitenleiste, mehr Bilder.
Wir stützen das Layout auf den nahtlos reagierenden Fotorasterartikel, den ich vor einiger Zeit erstellt habe. Im Wesentlichen lassen wir die Bilder alle als Inline-Blöcke in ein übergeordnetes Element fallen, das CSS3-Spalten verwendet. Glücklicherweise hat Compass einige Helfer, die es noch einfacher machen. Die Dachrinnen werden durch Säulenabstand und unteren Rand hergestellt.
Um echten Inhalt zu simulieren, verwenden wir zufällige Place Kittens in einer Schleife.
