Hay mucho contenido sobre CSS-Tricks. Esa es una de las cosas que hace que su diseño sea un poco desafiante. Si bien podemos mantenernos limpios con el diseño, probablemente no podamos salirse con la nuestra con "mínimo" con la cantidad de cosas que merecen atención en el sitio y hacen que el sitio sea lo que es.
Todo eso para decir, la búsqueda es muy importante en CSS-Tricks. Se utiliza mucho con cientos de búsquedas por día. Incluso podríamos mejorar eso si podemos hacer que la búsqueda sea aún más visible y obvia. Quiero que la gente utilice la búsqueda. Sé que funciona bastante bien y ayudar a los usuarios a encontrar lo que buscan es bueno para todos. Además, psicológicamente, creo que proporcionar una búsqueda de una manera grande y obvia demuestra confianza en el contenido del sitio.
Un gran cuadrado azul con una lupa (a través de nuestra fuente de iconos) justo en la cabeza es lo que va a hacer por nosotros. El azul sobre gris es muy llamativo y comunica la capacidad de hacer clic.
Estamos imaginando que cuando se hace clic en la lupa, el cuadro azul se expande en un cuadro de búsqueda. La razón por la que está cerrado para empezar es porque 1) podríamos usar el espacio adicional en el encabezado para nuestro patrocinador principal y 2) la lupa puede ser incluso más obvia que un campo de formulario.
El formulario de búsqueda tiene las cosas que esperarías: un campo de búsqueda y un botón. Pero también tiene algunos enlaces en los que puede hacer clic para reducir la búsqueda que realiza. Haremos que eso funcione en un próximo screencast.