# 103: फोटोशॉपिंग स्निपेट्स एरिया - सीएसएस-ट्रिक्स

Anonim

स्निपेट्स क्षेत्र में गोता लगाने का समय! अर्थात्, इसका वास्तविक सामग्री क्षेत्र। हमारे पास पहले से ही हेडर है। स्निपेट्स क्षेत्र बहुत लोकप्रिय है। एनालिटिक्स में गहरी गोता लगाए बिना, मुझे सोशल मीडिया देखने और वास्तविक जीवन में लोगों से सुनने से पता चलता है कि उन्हें इस क्षेत्र में बहुत उपयोगी चीजें मिलती हैं।

V9 में, एक बहुत ही सामान्य और वैध समालोचना यह थी कि इसे ब्राउज़ करना कठिन था। यह एक भारी रंगीन समझौता था और प्रत्येक स्निपेट एक "बबल लिंक" (बेहतर डिस्क्रिप्टर की कमी के लिए) था जो उस स्निपेट सब सेक्शन के मुख्य रंग से मेल खाता था। इससे भी बदतर, वे उचित थे जो मैंने सोचा था कि उन्हें एक स्थान देने के लिए एक साफ तरीका होगा और आंख को थोड़ा चारों ओर कूद जाएगा, लेकिन बस अजीब और मैला दिख रहा है।

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

तुरंत हम सामग्री क्षेत्र में नीचे एक खोज फ़ील्ड नहीं डालने का निर्णय लेते हैं। अतीत में था, लेकिन यह एक नया स्वरूप है और हम खोज को एक क्षेत्र में समेकित करने का निर्णय ले रहे हैं। एक बार जब आप एक बार खोज का उपयोग करना सीख लेते हैं, तो आपको पता चल जाएगा कि यह कैसे काम करता है।

डिजाइन के लिए, हम दो कॉलम वाली चीज़ के साथ जाते हैं। बाईं ओर, मुख्य स्निपेट श्रेणियां, प्रत्येक एक अद्वितीय रंग के साथ। इंद्रधनुष का समय! हम प्रेरणा के लिए अपनी स्वयं की गैलरी ब्राउज़ करते हैं।

सही कॉलम बस उस श्रेणी में स्निपेट की एक सूची होगी। सरल, ब्राउज़ करने में आसान। पाद लेखों की तरह। लोग लिंक की सूचियों को स्कैन करना और उनका उपयोग करना जानते हैं। यह सबसे सरल डिजाइन पैटर्न है।

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