# 033: Photoshopping Araması - CSS Hileleri

Anonim

CSS Hileleri hakkında çok fazla içerik var. Tasarımını biraz zorlaştıran şeylerden biri de bu. Tasarımla temiz kalabilsek de, muhtemelen sitede dikkati hak eden ve siteyi olduğu gibi yapan miktarla “minimal” ile kurtulamayız.

Tüm söylenecek şey, arama CSS-Püf Noktalarında çok önemlidir . Günde yüzlerce aramayla yoğun bir şekilde kullanılmaktadır. Aramayı görsel olarak daha belirgin ve açık hale getirebilirsek, bunu iyileştirebiliriz bile. İnsanların aramayı kullanmasını istiyorum. Oldukça iyi çalıştığını ve kullanıcıların aradıklarını bulmalarına yardımcı olmanın herkes için iyi olduğunu biliyorum. Ayrıca, psikolojik olarak, büyük ve bariz bir şekilde arama yapmanın sitenin içeriğine olan güveni gösterdiğine inanıyorum.

Başında bir büyüteç bulunan (simge yazı tipimiz aracılığıyla) büyük bir mavi kare bizim için bunu yapacak. Gri üzeri mavi çok dikkat çekicidir ve tıklama yeteneğini ifade eder.

Büyüteç tıklandığında mavi kutunun genişleyerek bir arama kutusuna dönüştüğünü hayal ediyoruz. Başlamak için kapalı olmasının nedeni, 1) üstteki sponsorumuz için başlıktaki fazladan odayı kullanabilirdik ve 2) büyüteç aslında bir form alanından daha belirgin olabilir.

Arama formu beklediğiniz şeylere sahiptir: bir arama alanı ve bir düğme. Ancak, çalıştırdığınız aramayı daraltmak için tıklayabileceğiniz bazı bağlantılar da vardır. Bunu, yaklaşan bir ekran video kaydında gerçekten işe yarayacak hale getireceğiz.