# 103: Oblast úryvků Photoshoppingu Triky CSS

Anonim

Je čas se ponořit do oblasti Snippets! To znamená její skutečnou obsahovou oblast. Záhlaví už máme na svém místě. Oblast úryvků je velmi populární. Aniž bych se ponořil hluboko do analytiky, vím ze sledování sociálních médií a slyšení od lidí v reálném životě, že v této oblasti najdou spoustu užitečných věcí.

Ve verzi 9 byla velmi častá a legitimní kritika, že bylo těžké procházet. Jednalo se o silně zbarvený akordeon a každý úryvek byl „bublinovým odkazem“ (pro nedostatek lepšího deskriptoru), který odpovídal hlavní barvě této podsekce úryvku. Horší bylo, že byly zarovnány oprávněně, což jsem si myslel, že by byl čistý způsob, jak jim dát trochu prostoru a trochu přeskočit oko, ale nakonec vypadaly divně a nedbale.

Vykoupíme se zde a zpříjemníme procházení oblasti Snippets. I když většina tohoto obsahu je opět nalezena pomocí vyhledávání. Přesto by mohlo být hezké procházet.

Okamžitě se rozhodneme nevložit vyhledávací pole přímo do oblasti obsahu. V minulosti to bylo, ale jedná se o redesign a my se rozhodujeme sloučit vyhledávání do jedné oblasti. Jakmile se naučíte používat vyhledávání jednou, budete vědět, jak to funguje navždy.

Pro návrh jdeme se dvěma sloupci. Vlevo hlavní kategorie úryvků, každá s jedinečnou barvou. Duhový čas! Procházíme naši vlastní galerii pro inspiraci.

Pravý sloupec bude jednoduše seznamem úryvků v dané kategorii. Jednoduché, snadno procházitelné. Stejně jako odkazy na zápatí. Lidé vědí, jak skenovat a používat seznamy odkazů. Je to nejdokonalejší jednoduchý designový vzor, ​​jaký existuje.

Popleteme se s některými designovými rozhodnutími. Měly by odkazy odpovídat barvě sekce nebo být pouze šedé? Měli bychom „zebra pruhovat“ odkazy vybledlou verzí hlavní barvy? Měli bychom zahrnout datum zveřejnění nebo aktualizované datum, nebo ani jedno? Zábavné a důležité věci, na které je třeba myslet, ale vždy se můžeme rozhodnout, jakmile se dostaneme do prohlížeče a pracujeme se skutečnými daty.