Há muito conteúdo sobre CSS-Tricks. Essa é uma das coisas que torna o design um pouco desafiador. Embora possamos manter o design limpo, provavelmente não podemos nos safar com o “mínimo” com a quantidade de coisas que merecem atenção no site e tornam o site o que ele é.
Tudo isso para dizer que a pesquisa é muito importante no CSS-Tricks. É muito utilizado com muitas centenas de pesquisas por dia. Podemos até ser capazes de melhorar isso se pudermos tornar a pesquisa ainda mais visualmente proeminente e óbvia. Quero que as pessoas usem a pesquisa. Sei que funciona muito bem e ajudar os usuários a encontrar o que procuram é bom para todos. Além disso, psicologicamente, acredito que fornecer pesquisa de forma ampla e óbvia mostra confiança no conteúdo do site.
Um grande quadrado azul com uma lente de aumento (por meio de nossa fonte de ícone) bem na cabeça é o que fará isso por nós. O azul sobre cinza é muito marcante e comunica capacidade de clique.
Estamos imaginando que, quando a lupa é clicada, a caixa azul se expande em uma caixa de pesquisa. Para começar, ele está fechado porque 1) poderíamos usar o espaço extra no cabeçalho para nosso patrocinador principal e 2) a lupa pode ser ainda mais óbvia do que um campo de formulário.
O formulário de pesquisa tem tudo o que você espera: um campo de pesquisa e um botão. Mas também tem alguns links em que você pode clicar para restringir a pesquisa que executa. Faremos isso realmente funcionar em um próximo screencast.