I denne screencast arbejder vi på "Demos" -området i CSS-Tricks. Det er et temmelig populært område på siden, på trods af at jeg ikke lægger så meget tid på det som jeg skulle. Pointen med det er et sted på webstedet med en masse demoer, der kan downloades og kan ses alt på ét sted - så det er meget let at rulle og gennemse dog og finde bits, der kan være af interesse for dig og dine projekter.
I struktur ligner det meget videoområdet. Hver demo har en titel og en kort beskrivelse og et par knapper, ligesom hver video. Så vi modellerer layoutet ligesom vi gjorde videoområdet. I modsætning til videoområdet er vi imidlertid ikke i stand til at fjerne den håndlavede HTML og erstatte den med en WordPress-loop. Det er fordi hver demo ikke lever inde i WordPress, de er uafhængige. Det er dog OK, vi er ikke bange for en lille markering. Vi vil bare omskrive det lidt for at gøre det så perfekt som det kan være.
Vi har nu alle bits på plads, som vi har brug for. Vi kontrollerer markeringen. Vi kontrollerer CSS netop for dette særlige område. Bare et par ting med det, og det vigtigste indholdsområde for dette område er færdig.
I slutningen ser vi på individuelle demosider og ser, hvordan brandingen af CSS-Tricks også gælder for disse sider.