# 033: Photoshopi otsing - CSS-trikid

Anonim

CSS-Tricks sisaldab palju sisu. See on üks asi, mis muudab selle disaini veidi väljakutsuvaks. Ehkki suudame kujundusega puhtana jääda, ei saa me tõenäoliselt minimaalsest tasemest kõrvale kraami, mis väärib saidil tähelepanu ja muudab saidi selliseks, nagu see on.

Seda kõike öeldes on otsing CSS-Tricksis väga oluline . Seda kasutatakse palju sadade otsingutega päevas. Me võime seda isegi parandada, kui suudame otsingu veelgi visuaalselt silmatorkavamaks ja ilmsemaks muuta. Ma tahan, et inimesed kasutaksid otsingut. Ma tean, et see töötab üsna hästi ja aitab kasutajatel leida see, mida nad otsivad, on kõigile kasulik. Psühholoogiliselt usun ka, et otsingu pakkumine suurel ja ilmselgel viisil näitab usaldust saidi sisu vastu.

Suur sinine ruut koos suurendusklaasiga (meie ikooni fondi kaudu) otse peas on see, mis seda meie jaoks teeb. Sinine-hall on väga silmatorkav ja suhtleb klõpsatusega.

Kujutame ette, et luubi klõpsamisel laieneb sinine kast otsingukastiks. Alustuseks on see suletud seetõttu, et 1) me võiksime kasutada päises olevat lisaruumi oma peamise sponsori jaoks ja 2) suurendusklaas võib tegelikult olla veelgi ilmsem kui vormivälja.

Otsinguvormil on ootuspärased asjad: otsinguväli ja nupp. Kuid sellel on ka mõned lingid, mida saate klõpsata käitatava otsingu kitsendamiseks. Paneme selle toimima eelseisval ekraanil.