# 033: Photoshopping Sök - CSS-tricks

Anonim

Det finns mycket innehåll på CSS-Tricks. Det är en av de saker som gör designen lite utmanande. Medan vi kan hålla oss rena med designen kan vi förmodligen inte komma undan med "minimal" med den mängd saker som förtjänar uppmärksamhet på webbplatsen och gör webbplatsen till vad den är.

Allt detta att säga, sökning är mycket viktigt på CSS-Tricks. Det används kraftigt med många hundra sökningar per dag. Vi kan till och med kunna förbättra det om vi kan göra sökningen ännu mer visuellt framträdande och uppenbar. Jag vill att folk ska använda sökning. Jag vet att det fungerar ganska bra och att hjälpa användare att hitta det de letar efter är bra för alla. Också, psykologiskt, tror jag att sökning på ett stort och uppenbart sätt visar förtroende för webbplatsens innehåll.

En stor blå fyrkant med ett förstoringsglas (via vårt ikonfont) rakt upp i huvudet är vad som kommer att göra det åt oss. Den blå-på-grå är mycket slående och kommunicerar klick-ablity.

Vi föreställer oss att när förstoringsglaset klickas expanderar den blå rutan till en sökruta. Anledningen till att den är stängd till att börja med är att 1) ​​vi kan använda extra rummet i rubriken för vår toppsponsor och 2) förstoringsglaset kan faktiskt vara ännu mer uppenbart än ett formulärfält.

Sökformuläret har de saker du kan förvänta dig: ett sökfält och en knapp. Men det har också några länkar som du kan klicka för att begränsa sökningen du kör. Vi får det att faktiskt fungera i en kommande screencast.