# 133: फोटोशॉपिंग सर्च - सीएसएस-ट्रिक्स

Anonim

CSS-Tricks पर बहुत सारी सामग्री है। यह उन चीजों में से एक है जो डिजाइन को थोड़ा चुनौतीपूर्ण बनाता है। हालांकि हम डिजाइन के साथ साफ रह सकते हैं, हम शायद "न्यूनतम" के साथ उस सामान की मात्रा से दूर नहीं हो सकते हैं जो साइट पर ध्यान देने योग्य है और साइट बनाता है कि यह क्या है।

यह कहने के लिए, CSS-ट्रिक्स पर खोज बहुत महत्वपूर्ण है । यह प्रति दिन कई सौ खोजों के साथ बहुत अधिक उपयोग किया जाता है। हम यह भी सुधारने में सक्षम हो सकते हैं कि यदि हम खोज को और भी अधिक स्पष्ट और स्पष्ट कर सकें। मैं चाहता हूं कि लोग खोज का उपयोग करें। मुझे पता है कि यह बहुत अच्छी तरह से काम करता है और उपयोगकर्ताओं को वह ढूंढने में मदद करता है जो वे खोज रहे हैं जो सभी के लिए अच्छा है। इसके अलावा, मनोवैज्ञानिक रूप से, मेरा मानना ​​है कि बड़े और स्पष्ट तरीके से खोज प्रदान करना साइट की सामग्री में आत्मविश्वास दिखाता है।

आवर्धक काँच वाला एक बड़ा नीला वर्ग (हमारे आइकन फ़ॉन्ट के माध्यम से) ठीक ऊपर सिर में है जो हमारे लिए यह करने जा रहा है। ब्लू-ऑन-ग्रे बहुत हड़ताली है और क्लिक-एब्लेटिटी का संचार करता है।

हम कल्पना कर रहे हैं कि जब आवर्धक ग्लास पर क्लिक किया जाता है, तो ब्लू बॉक्स एक खोज बॉक्स में फैलता है। इसका कारण यह है कि इसे शुरू करने के लिए बंद कर दिया गया है क्योंकि 1) हम अपने शीर्ष प्रायोजक के लिए हेडर में अतिरिक्त कमरे का उपयोग कर सकते हैं और 2) आवर्धक कांच वास्तव में एक फार्म क्षेत्र की तुलना में अधिक स्पष्ट हो सकता है।

खोज फ़ॉर्म में वे चीज़ें होती हैं जिनकी आप अपेक्षा करते हैं: एक खोज फ़ील्ड और एक बटन। लेकिन इसके कुछ लिंक भी हैं, जिन पर क्लिक करके आप अपनी खोज को कम कर सकते हैं। हम वास्तव में आगामी स्क्रैन्कास्ट में काम करेंगे।