На CSS-Tricks много контента. Это одна из вещей, которая делает его дизайн немного сложным. Хотя мы можем оставаться чистыми с дизайном, мы, вероятно, не можем обойтись без «минимума» с количеством вещей, которые заслуживают внимания на сайте и делают сайт тем, чем он является.
Таким образом, поиск очень важен для CSS-Tricks. Он активно используется при сотнях запросов в день. Возможно, мы даже сможем улучшить это, если сделаем поиск еще более заметным и очевидным. Я хочу, чтобы люди использовали поиск. Я знаю, что это работает очень хорошо, и помогать пользователям находить то, что они ищут, хорошо для всех. Кроме того, с психологической точки зрения, я считаю, что предоставление большого и очевидного поиска демонстрирует уверенность в содержании сайта.
Большой синий квадрат с увеличительным стеклом (через наш значок шрифта) прямо в голове - вот что сделает это за нас. Синий на сером очень яркий и передает кликабельность.
Мы представляем, что при нажатии на увеличительное стекло синее поле превращается в поле поиска. Причина, по которой он изначально закрыт, заключается в том, что 1) мы могли бы использовать дополнительное место в заголовке для нашего главного спонсора и 2) увеличительное стекло может быть даже более очевидным, чем поле формы.
В форме поиска есть то, что вы ожидаете: поле поиска и кнопка. Но в нем также есть несколько ссылок, по которым вы можете сузить область поиска. Мы заставим это работать в следующем скринкасте.