I denne skjermsendingen skal vi jobbe med "Demoer" -området til CSS-triks. Det er et ganske populært område på nettstedet, til tross for at jeg ikke legger så mye tid på det som jeg burde. Poenget med det er et sted på nettstedet med en mengde nedlastbare og synlige demoer alt på ett sted - så det er veldig enkelt å bla og bla gjennom og finne biter som kan være av interesse for deg og dine prosjekter.
I struktur ligner det veldig på videoområdet. Hver demo har en tittel og kort beskrivelse og noen få knapper, akkurat som hver video. Så vi modellerer oppsettet akkurat som vi gjorde videoområdet. I motsetning til videoområdet kan vi imidlertid ikke fjerne den håndlagde HTML-en og erstatte den med en WordPress-løkke. Det er fordi hver demo ikke bor inne i WordPress, de er uavhengige. Det er OK, men vi er ikke redd for en liten markering. Vi vil bare skrive det litt om for å gjøre det så perfekt som det kan være.
Vi har nå alle bitene på plass som vi trenger. Vi kontrollerer markeringen. Vi kontrollerer CSS bare for dette bestemte området. Bare noen få tanker med det og hovedinnholdsområdet for dette området er ferdig.
På slutten ser vi på individuelle demosider og ser hvordan merkevarebyggingen av CSS-Tricks også gjelder for disse sidene.