# 033: Zoeken naar fotoshoppen - CSS-trucs

Anonim

Er staat veel inhoud op CSS-Tricks. Dat is een van de dingen die het ontwerp een beetje uitdagend maken. Hoewel we schoon kunnen blijven met het ontwerp, kunnen we waarschijnlijk niet wegkomen met "minimaal" met de hoeveelheid dingen die aandacht verdienen op de site en de site maken tot wat het is.

Dat alles om te zeggen dat zoeken erg belangrijk is op CSS-Tricks. Het wordt intensief gebruikt met vele honderden zoekopdrachten per dag. We kunnen dat misschien zelfs verbeteren als we zoeken nog visueel prominenter en duidelijker kunnen maken. Ik wil dat mensen zoeken gebruiken. Ik weet dat het redelijk goed werkt en dat het voor iedereen goed is om gebruikers te helpen vinden wat ze zoeken. Ook psychologisch geloof ik dat het aanbieden van een zoekopdracht op een grote en voor de hand liggende manier vertrouwen toont in de inhoud van de site.

Een groot blauw vierkant met een vergrootglas (via ons pictogramlettertype) recht in het hoofd is wat het voor ons gaat doen. Het blauw-op-grijs is erg opvallend en communiceert klikbaarheid.

We stellen ons voor dat wanneer op het vergrootglas wordt geklikt, het blauwe vak zich uitbreidt tot een zoekvak. De reden dat het om te beginnen gesloten is, is omdat 1) we de extra ruimte in de koptekst kunnen gebruiken voor onze topsponsor en 2) het vergrootglas misschien zelfs meer voor de hand ligt dan een formulierveld.

Het zoekformulier bevat de dingen die u zou verwachten: een zoekveld en een knop. Maar het heeft ook enkele links waarop u kunt klikken om de zoekopdracht die u uitvoert te verfijnen. We zullen ervoor zorgen dat dat echt werkt in een aankomende screencast.