प्लगइन डिटेक्टर - jQuery प्लगइन्स निर्देशिका और रेटिंग

पिछले चार वर्षों में मैंने विभिन्न सेंट पीटर्सबर्ग वेब स्टूडियो में एक टाइप्टर के रूप में काम किया।

3-5 लोगों के अर्ध-तहखाने कार्यालयों से लेकर बड़े फर्मों तक 25-40 लोग बड़े ग्राहकों के लिए महंगी साइटों के बाजार में काम करते हैं। लेकिन कंपनी के आकार की परवाह किए बिना, कार्य समान थे।

• डिजाइन बेचने की जरूरत है
• एक ऐसी साइट बनाएं जिसे पोर्टफोलियो में रखने में कोई शर्म न हो
• मूल करें, जैसा कि प्रतियोगियों ने नहीं किया है

इस प्रकार, लेआउट डिजाइनरों और डिजाइनरों के लिए कार्य समान थे: "चलो कुछ रचनात्मक, ताजा, दिलचस्प मिलता है।"

मैं बहुत अच्छी तरह से लेआउट डिजाइनरों, डिजाइनरों और वेब स्टूडियो के मालिकों को समझता हूं, इसलिए, उनके लिए तैयार कार्यक्षमता के लिए प्लगइन्स की खोज करना आसान बनाना और उसी समय कुछ नया दिखाना, जो कई अन्य [शायद] नहीं देखा, हर जगह छोड़ने और परियोजना शुरू करने का फैसला किया। प्लगइन डिटेक्टर



यह लेख कवर करेगा:


सुविधा सूची

• कार्यशील डेमो - साइट पर सही! यह कैसे काम करता है यह देखने के लिए कहीं जाने की आवश्यकता नहीं है
• समीक्षाएँ और रेटिंग इसे स्थापित करने से पहले प्लगइन की एक और पूरी तस्वीर प्रदान करते हैं
• अधिकांश प्लगइन्स के लिए वास्तविक परियोजनाओं में कार्यान्वयन के उदाहरण हैं
• श्रेणियों, टैग और सीएमएस के साथ कैटलॉग (एक विशिष्ट सीएमएस के लिए अनुकूलित प्लग इन)
• पूरी साइट का RSS; प्रत्येक श्रेणी और टैग के लिए आरएसएस
• प्रत्येक डेमो में एक छोटा और समझने योग्य पता है जिसे ICQ के माध्यम से भेजा जा सकता है या iframe डाला जा सकता है

बहुत सारे jQuery प्लगइन्स हैं (jquery वेबसाइट पर कई हजार हैं) कि उनकी उपस्थिति और विकास या तो एकल डिजाइनर या लेआउट डिजाइनर, या वेब स्टूडियो के मालिक के लिए ट्रैक करना असंभव है। JQuery प्लगइन इंजीनियरिंग में रुझान को ट्रैक करना और उन्हें एक ब्लॉग प्रारूप में एक साइट पर रखना, जबकि एक कैटलॉग में उन्हें व्यवस्थित करना, साइट का कार्य है।

कार्यक्षमता का संक्षिप्त विवरण

रेटिंग (ऊपर / नीचे)
प्रत्येक प्लगइन के लिए, आप या तो के लिए या खिलाफ वोट कर सकते हैं।
आपका वोट सांख्यिकी पृष्ठ पर प्रदर्शित होगा।
"के लिए" और "के खिलाफ" वोट का अनुपात 0 से 10 तक औसत स्कोर बनाता है।
यह वोट अनाम को उपलब्ध है।



समीक्षा द्वारा रेटिंग
समीक्षा लिखते समय, आपको चार मापदंडों पर अपनी रेटिंग का संकेत देना चाहिए।
समीक्षा लिखना केवल पंजीकृत उपयोगकर्ताओं के लिए उपलब्ध है (सामाजिक नेटवर्क के माध्यम से लॉग इन)



एक समीक्षा लिखने के लिए लॉग इन करने का प्रस्ताव:


निर्देशिका
सूची में तीन खंड होते हैं:

• टैग
• श्रेणी
• सीएमएस

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


आंकड़े

वोटों द्वारा प्लगइन्स की रेटिंग में, उन्होंने स्थानीय को पेश किया,
कैनवास पर पाई चार्ट
स्पमट द्वारा लिखा गया।
वह कृपया मेरी साइट पर मुफ्त में इस स्क्रिप्ट का उपयोग करने के लिए सहमत हुए।
बाईं ओर की पट्टियाँ प्लगइन के लिए वोटों की संख्या दर्शाती हैं, और पाई चार्ट के लिए और उसके खिलाफ वोटों का अनुपात दिखाता है।
नोट: चार्ट पुराने ब्राउज़रों में काम नहीं करता है



स्पष्टता के लिए लेबल
"बाय रिव्यू", "बाय रेटिंग" और इसी तरह के प्लग इन में, स्निपेट इस तरह दिखते हैं:


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



डेमो मेनू


एक ही प्रकार के प्लगइन्स की तुलना

कभी-कभी जिस कार्यक्षमता को हमें लागू करने की आवश्यकता होती है वह कई प्लगइन्स द्वारा प्रदान की जाती है।
तुलना टेबल (जो धीरे-धीरे पूरक और अद्यतन की जाएगी)
एक निर्णय लेने में मदद करें और डेवलपर्स की साइटों के अध्ययन के लिए थकाऊ प्रक्रियाओं को कम करें।



यदि आप अभी तक थक नहीं रहे हैं;) मैं आपको बताऊंगा कि परियोजना कैसे बनाई गई थी

यह सब कैसे शुरू हुआ

पिछले दो वर्षों में, मुझे अक्सर Google में गहरी खुदाई करनी पड़ी, जो कि jQuery के दिलचस्प समाधानों की तलाश थी। फिर मैंने डिजाइनरों और प्रबंधकों को परियोजनाओं में उनके संभावित उपयोग के लिए चयनित प्लगइन्स के अगले बैच के लिंक के ढेर दिए।

कुछ समय बाद, बहुत सारे लिंक जमा हो गए और यह स्पष्ट हो गया कि मौजूदा प्लगइन्स को व्यवस्थित करने और कंपनी के कर्मचारियों तक आसानी से पहुंचने के लिए किसी भी तरह प्रकाशित किया जाना चाहिए। इसलिए एक बंद कॉर्पोरेट ज्ञान आधार था।

मैंने लगभग आधे साल के लिए कॉर्पोरेट ज्ञान आधार (प्लग-इन की विकी + कैटलॉग) के विकास और विकास पर काम किया, जब परियोजनाओं के बीच खाली समय था। हालांकि, कर्मचारियों की प्रतिक्रिया की कमी (जो मुझे और विकसित करने के लिए प्रेरित कर सकती थी) ने मुझे विकास के अन्य तरीकों की तलाश की। कैटलॉग के दर्शक बहुत छोटे थे (कंपनी में लगभग 40 लोग थे, लगभग 15 के पास डेटाबेस तक पहुंच थी, लेकिन 5 के बल से इसका इस्तेमाल किया गया था)।

प्लगइन निर्देशिका सार्वजनिक रूप से उपलब्ध होनी चाहिए

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

लोग यह नहीं जानते कि "यह" पहले से ही लिखा गया है

लेआउट डिजाइनर के पद के लिए एक साक्षात्कार के दौरान एक दिन एक कम अनुभवी उम्मीदवार कार्यालय में आए। अन्य बातों के अलावा, उन्होंने एक ऐसी स्क्रिप्ट दिखाई जो तीन आयामी घर के रोटेशन प्रभाव को लागू करती है। माउस के साथ उसकी सॉपॉपिस (मुझे कहना चाहिए, बुरी तरह से नहीं किया गया) घर को "घुमा" सकता है।

मेरे सवाल के लिए "यदि आप जानते हैं कि एक jQuery प्लगइन है जिसमें यह कार्यक्षमता पहले से ही लागू है, तो क्या आप अपना समाधान लिखेंगे?" थोड़ी हिचकिचाहट के बाद, उसने जवाब दिया: "मैं शायद एक तैयार एक का उपयोग करूंगा"। एक बार फिर मुझे क्या समझ में आया - लोगों को बस ज्ञान की एक विशाल परत के अस्तित्व के बारे में नहीं पता है: किस प्लग-इन का उपयोग किस लिए किया जा सकता है; इसे क्या कहा जाता है और यह कहां झूठ है।

JQuery प्लगइन्स की समीक्षा की आवश्यकता है

- क्रोम, लोमड़ी, आईफोन और एंड्रॉइड के "प्लगइन्स" के पास समीक्षाएं (समीक्षाएं) क्यों हैं, लेकिन क्या jQuery प्लगइन्स उनके पास नहीं हैं? वास्तव में अनुचित - मैंने सोचा और इस दोष को ठीक करने का फैसला किया।

प्रबंधक और ग्राहक परवाह नहीं करते हैं कि कार्यक्षमता का क्या मतलब है, यह उनके लिए काम करना महत्वपूर्ण है।

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

विपणन

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

कुछ मामलों में, इस तथ्य में कुछ भी गलत नहीं है कि ग्राहक खुद प्लग-इन ढूंढ सकता है और उसे इसे लागू करने के लिए कह सकता है।

परियोजना प्रबंधक हमेशा खुश रहता है जब ग्राहक अंततः समझ गया कि वह क्या चाहता है। और यह मॉडल और टीके की औपचारिक मंजूरी के बारे में भी नहीं है, लेकिन ग्राहक और उसके व्यवसाय की मूलभूत आवश्यकताओं की वास्तविक संतुष्टि के बारे में है। यहां तक ​​कि जब सब कुछ दस बार अनुमोदित हो जाता है, तो डिज़ाइन किया गया, बाहर रखा गया और प्रोग्राम किया गया, ग्राहक को अचानक महसूस हो सकता है कि वह वास्तव में चाहता है ... सब कुछ फिर से करें! और ऐसा इसलिए नहीं होता है क्योंकि ग्राहक इतना बुरा है, बल्कि इसलिए क्योंकि वह जो चाहता है उसकी समझ में तब आता है जब वह पहले से तैयार कुछ देखता है।

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

क्या ग्राहक को पसंद की स्वतंत्रता देना आवश्यक है?

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

प्लगइन्स का उपयोग करना लाभदायक क्यों है?
प्लगइन्स उपयोग के लिए तैयार हैं: प्लग-इन को लेआउट में पेंच करना और इसके मूलभूत विकास की तुलना में इंजन अपेक्षाकृत छोटा काम है। आप प्लगइन को लागू करने के लिए अपेक्षाकृत कुछ संसाधन खर्च करते हैं, लेकिन आपको एक सकारात्मक प्रभाव (एक संतुष्ट ग्राहक, एक दिलचस्प पोर्टफोलियो) मिलता है जो इन लागतों से अधिक है।

एक ग्राहक के लिए प्लग-इन का विकल्प उसकी रचनात्मकता, उसका योगदान है, जिसकी कीमत आपको लगभग कुछ भी नहीं है, क्योंकि पसंद उस स्तर पर होती है जब कुछ भी नहीं किया गया हो। है न?

मैं यह सोचना जारी रखता हूं कि ग्राहक अपनी इच्छाओं को निर्धारित करने में कैसे मदद करें, और यह कि "परिभाषा" डेवलपर्स के लिए सिरदर्द का कारण नहीं बनती है

पुनश्च
यदि आप इंटरनेट पर एक अच्छा उदाहरण देखते हैं और यह जानना चाहते हैं कि यह कैसे करना है
या किस माध्यम से आप इसे लागू कर सकते हैं
(यदि आप मूल उपकरण के साथ सहज नहीं हैं)
- मुझे मेल या किसी अन्य तरीके से लिखें।
मेरे बुकमार्क में प्लगइन्स के बहुत सारे लिंक हैं जो मैंने अभी तक प्रकाशित नहीं किए हैं,
लेकिन पहले से ही प्राथमिक परीक्षण किए।

पी पी एस
साइट को अभी तक 1024 पीएक्स वाइड मॉनिटर (4-5% के आंकड़ों के अनुसार) के लिए डिज़ाइन नहीं किया गया है, लेकिन भविष्य में मैं इसे ठीक करने की कोशिश करूंगा। हालांकि, यह ध्यान में रखना होगा कि कुछ डेमो एक हजार से अधिक चौड़े हैं। मैंने नहीं देखा - मुझे दोष मत दो। बाद में नौ को कस दिया, आठ से रन बनाए।

UPD1
पेशे से अद्यतन मतदान परिणाम:



साइट पर वांछित श्रेणियों के लिए मतदान परिणाम:



UPD2
साइट पर व्यवधान ठीक किए गए हैं, नीचे टिप्पणी देखें
अब मैं शेल को खाली करने के लिए खुला रखता हूं। इससे पहले कि यह डिस्क स्थान को भर दे