# 103: Zona de fragmente de fotografiere - CSS-Tricks

Anonim

E timpul să vă scufundați în zona Fragmente! Adică aria de conținut reală a acestuia. Avem deja antetul la locul său. Zona de fragmente este destul de populară. Fără să vă scufundați profund în analize, știu din vizionarea rețelelor sociale și din auzirea oamenilor din viața reală că găsesc o mulțime de lucruri utile în acest domeniu.

În v9, o critică foarte obișnuită și legitimă a fost că era greu de căutat. Era un acordeon puternic colorat și fiecare fragment era o „legătură cu bule” (din lipsa unui descriptor mai bun) care se potrivea cu culoarea principală a acelei secțiuni secundare a fragmentului. Mai rău, au fost aliniate justificate, ceea ce am crezut că ar fi o modalitate îngrijită de a le oferi spațiu și de a sări puțin cu ochii, dar au ajuns să pară ciudat și neglijent.

Să ne răscumpărăm aici și să facem zona Snippets mai frumoasă pentru a naviga. Chiar dacă, din nou, majoritatea acestui conținut se găsește prin căutare. Totuși, ar putea la fel de bine să facă plăcut navigarea.

Imediat decidem să nu plasăm un câmp de căutare chiar în zona de conținut. A existat în trecut, dar aceasta este o reproiectare și luăm decizia de a consolida căutarea într-un singur domeniu. Odată ce veți învăța cum să utilizați căutarea o singură dată, veți ști cum funcționează pentru totdeauna.

Pentru proiectare, mergem cu un lucru cu două coloane. În stânga, principalele categorii de fragmente, fiecare cu o culoare unică. Timp curcubeu! Răsfoim propria noastră galerie pentru inspirație.

Coloana din dreapta va fi pur și simplu o listă a fragmentelor din acea categorie. Simplu, ușor de căutat. La fel ca legăturile de subsol. Oamenii știu cum să scaneze și să utilizeze liste de linkuri. Este cel mai perfect model de design existent.

Totuși, ne încurcăm cu unele decizii de proiectare. Ar trebui ca legăturile să se potrivească cu culoarea secțiunii sau să fie doar gri? Ar trebui să „dezizolăm zebra” legăturile cu o versiune estompată a culorii principale? Ar trebui să includem o dată de publicare sau o dată actualizată sau niciuna dintre ele? Lucruri amuzante și importante la care să ne gândim, dar putem lua oricând astfel de decizii odată ce ajungem la browser și lucrăm cu date reale.