🥀 🏆 👩‍❤️‍👩 5 नि: शुल्क वेब डेवलपर उत्पादकता उपकरण ⬜️ ✊ 🍷

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

प्रारंभिक नोट्स

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

1. बहिर्गमन

एक्सक्लूसिवट्रॉफ़

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

2. न्यूक्लियो आइकन संक्रमण

नाभिक चिह्न संक्रमण

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

अपनी परियोजना में एक एनिमेटेड आइकन जोड़ने के लिए, बस परिणामी एसवीजी फ़ाइल को लोड करें और अपनी सामग्री को अपने HTML कोड में जोड़ें। यहाँ इस फाइल की सामग्री कैसी दिख सकती है।

स्वचालित रूप से उत्पन्न SVG फ़ाइल की सामग्री

यहाँ है जो मुझे मिली।

स्वचालित रूप से उत्पन्न एनिमेटेड आइकन

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

3. स्केल

टाइप स्केल:

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

4. रूप अनुसंधान

Roam Research

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

5. खुशियाँ

Happy Hues

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

सारांश

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

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

5 नि: शुल्क वेब डेवलपर उत्पादकता उपकरण