Ebben a képernyőn a CSS-Tricks „Demos” területén dolgozunk. A webhely meglehetősen népszerű területe, annak ellenére, hogy nem fordítok annyi időt rá, mint kellene. Ennek lényege az a hely, ahol egy helyen letölthető és megtekinthető demók vannak, így nagyon könnyű görgetni és böngészni, és olyan biteket találni, amelyek érdekesek lehetnek az Ön és projektjei számára.
Felépítésében nagyon hasonlít a videók területére. Minden bemutatónak van címe és rövid leírása, valamint néhány gomb, akárcsak az egyes videók. Tehát úgy modellezzük az elrendezést, mint a videók területén. A videók területével ellentétben azonban nem tudjuk eltávolítani a kézzel készített HTML-t, és helyettesíteni egy WordPress hurokkal. Ez azért van, mert minden demó nem a WordPress belsejében él, függetlenek. Ez rendben van, nem félünk egy kis felártól. Csak átírjuk egy kicsit, hogy minél tökéletesebb legyen.
Most már minden bit megvan a helyén, amire szükségünk van. Mi irányítjuk a jelölést. A CSS-t csak erre a területre irányítjuk. Csak néhány bütykölés ezzel és a terület fő tartalmi területe elkészült.
A végén megvizsgáljuk az egyes bemutató oldalakat, és megnézzük, hogy a CSS-Tricks márkaneve ezekre az oldalakra is vonatkozik.