नि: शुल्क चिह्न नेविगेटर

कल, एक बार फिर, सवाल अगले वेब प्रोजेक्ट में कई आइकन चुनने का था। मैं मुख्य रूप से मुक्त सेट से तैयार किए गए आइकन का उपयोग करता हूं। कुछ समय पहले तक, साइट iconpicker.deviantech.ru की सेवाओं का सहारा लिया गया था। आइकनों के माध्यम से नेविगेट करना सबसे सुविधाजनक नहीं था, लेकिन खोजक (या एक्सप्लोरर) में उनके माध्यम से देखने की तुलना में स्पष्ट रूप से बेहतर था। हालाँकि, हाल ही में साइट अनुपलब्ध है।

नतीजतन, मैंने अपना खुद का आइकन नेविगेटर बनाने का फैसला किया:




नेविगेटर जावास्क्रिप्ट कोड के साथ एक HTML पेज है। यही है, यह एक स्थानीय ड्राइव से खुलने पर बहुत अच्छा काम करता है। लेकिन सुविधा और प्रदर्शन के लिए, मैंने इसे GitHub पर ऑनलाइन पोस्ट किया - sibprogrammer.github.com/icons-explorer

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

स्रोत - github.com/sibprogrammer/icons-explorer पर स्थित हैं । नियमित रूप से देखने के लिए, आइकन को खोजने के लिए संग्रह और खुले index.html को डाउनलोड करना आसान है (GitHub Pages अभी भी हजारों अनुरोधों पर धीरे-धीरे प्रतिक्रिया करता है :)

नाविक का विचार लंबे समय तक पका हुआ था, और निष्क्रिय साइट iconpicker.deviantech.ru ने केवल प्रक्रिया को तेज किया। व्यवहार में, यह पता चला कि 7,000 से अधिक आइकन में हेरफेर करने के लिए भी Google क्रोम काफी कठिन है। जब आप पृष्ठ खोलते हैं, तो केवल वे आइकन जो वर्तमान में दिखाई देते हैं, लोड होते हैं। ऐसा करने के लिए, jQuery के LazyLoad के लिए प्लगइन का उपयोग करें। दुर्भाग्य से, ऐसे संस्करणों पर इसका प्रदर्शन अपर्याप्त था और गति के मामले में सुधार में कुछ समय लगा। नतीजतन, पेज स्क्रॉलिंग धीरे-धीरे बंद हो गई, लेकिन केवल समय-समय पर सोचें। यद्यपि क्लाइंट के लिए सिस्टम आवश्यकताएँ अभी भी काफी अधिक हैं। स्प्राइट्स स्थिति में काफी सुधार कर सकते हैं, लेकिन उनकी पीढ़ी एक अलग मुद्दा है जिसे भविष्य के लिए स्थगित कर दिया गया है।

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