Suntem aproape de a termina construirea paginii de pornire a zonei Fragmente a site-ului. Imediat începem să modificăm lucrurile și să punem mai multe lucruri în formă.
Avem o experiență ciudată în care pseudo-elementul poziționat absolut nu a răspuns la o marjă stângă negativă, dar a fost bine cu o marjă dreaptă pozitivă. Cine stia.
Apoi trecem la crearea unei clase „active” pentru meniul din stânga al categoriilor de fragmente. Răsfoiți unul dintre ele odată (vedeți o listă de fragmente conexe în dreapta). Spuneți că „HTML” este activ și faceți clic pe „CSS”, o nouă listă de numai fragmente legate de CSS apare în dreapta. Trebuie să existe un stil care să arate care este activ. Schimbarea indexului z pe o clasă activă este suficientă pentru a funcționa pentru noi (făcându-l să stea deasupra umbrei).
Pentru lista din dreapta, este tentant să faceți link-urile să afișeze: bloc - dar este aproape o zonă prea clicabilă. Pare ciudat să gândim asta, dar cred că este adevărat. Nu doriți clicuri accidentale foarte departe de textul link-ului în sine pentru a activa acel link. Ar fi surprinzător și ciudat. Deci, legăturile în sine pot fi blocate în linie, astfel încât să poată avea ceva umplutură, dar nu umpleți întreaga lățime așa cum este elementul de listă în care se află.
Pentru legăturile în sine, decidem că colorarea titlului fragmentelor în culoarea categoriei din care face parte este prea puternică. În schimb, legăturile vor fi gri, dar culoarea răsturnării poate lua acea culoare specială.
De asemenea, decidem că lista directă a unei coloane funcționează deocamdată, dar dacă derularea devine prea ridicolă, poate, într-o zi, ne putem împărți în două coloane și o putem scurta.