# 033: Pencarian Foto - Trik CSS

Daftar Isi

Ada banyak konten di CSS-Tricks. Itulah salah satu hal yang membuat desainnya sedikit menantang. Meskipun kami dapat tetap bersih dengan desainnya, kami mungkin tidak dapat mengabaikan "minimal" jumlah hal-hal yang perlu diperhatikan di situs dan menjadikan situs seperti apa adanya.

Semua itu harus dikatakan, pencarian sangat penting di CSS-Tricks. Ini banyak digunakan dengan ratusan pencarian per hari. Kami bahkan mungkin dapat meningkatkannya jika kami dapat membuat penelusuran menjadi lebih menonjol dan jelas secara visual. Saya ingin orang menggunakan penelusuran. Saya tahu ini berfungsi dengan baik dan membantu pengguna menemukan apa yang mereka cari baik untuk semua orang. Selain itu, secara psikologis, saya percaya memberikan penelusuran dengan cara yang besar dan jelas menunjukkan kepercayaan pada konten situs.

Kotak biru besar dengan kaca pembesar (melalui font ikon kami) tepat di kepala adalah yang akan melakukannya untuk kami. Warna biru ke abu-abu sangat mencolok dan menunjukkan kemampuan klik.

Kami membayangkan bahwa saat kaca pembesar diklik, kotak biru meluas menjadi kotak telusur. Alasan penutupan untuk memulai adalah karena 1) kita bisa menggunakan ruang ekstra di header untuk sponsor utama kita dan 2) kaca pembesar sebenarnya bahkan lebih jelas daripada bidang formulir.

Formulir pencarian memiliki hal-hal yang Anda harapkan: bidang pencarian dan tombol. Tetapi juga memiliki beberapa tautan yang dapat Anda klik untuk mempersempit pencarian yang Anda jalankan. Kami akan membuatnya benar-benar berfungsi di screencast mendatang.

Artikel yang menarik...