Šioje ekrano juostoje dirbsime CSS-Tricks srityje „Demos“. Nepaisant to, kad neskiriu tiek laiko, kiek turėčiau, tai yra gana populiari svetainės sritis. Jo esmė yra vieta svetainėje, kurioje yra daugybė atsisiųstinų ir peržiūrimų demonstracinių versijų, vienoje vietoje - taigi labai lengva slinkti ir naršyti bei rasti bitų, kurios gali dominti jus ir jūsų projektus.
Pagal savo struktūrą jis labai panašus į vaizdo įrašų sritį. Kiekvienas demonstracinis elementas turi pavadinimą, trumpą aprašymą ir keletą mygtukų, kaip ir kiekvienas vaizdo įrašas. Taigi modeliuosime maketą taip pat, kaip ir vaizdo įrašų srityje. Tačiau skirtingai nei vaizdo įrašų srityje, mes negalime pašalinti rankomis sukurto HTML ir pakeisti jo „WordPress“ kilpa. Taip yra todėl, kad kiekviena demonstracinė versija negyvena „WordPress“ viduje, jie yra nepriklausomi. Vis dėlto tai gerai, mes nebijome nedidelio antkainio. Mes tiesiog šiek tiek perrašysime, kad jis būtų kuo tobulesnis.
Dabar mes turime visus bitus, kaip mums reikia. Mes kontroliuojame žymėjimą. Mes kontroliuojame CSS tik šiai konkrečiai sričiai. Atliktos tik kelios tinkinimo priemonės ir pagrindinė šios srities turinio sritis.
Pabaigoje mes apžvelgiame atskirus demonstracinius puslapius ir matome, kaip CSS-Tricks prekės ženklas taip pat taikomas šiems puslapiams.