क्या आप कभी चाहते हैं कि कोई वेब ऐप या एक्सटेंशन हो जो आपको तुरंत यूआई प्रोटोटाइप बनाने और साझा करने दे?
हम सब करते हैं! हम सभी के पास इस बात का विचार है कि हम अपनी साइटों या ऐप्स को कैसा दिखाना और महसूस करना चाहते हैं।
तो, आप वास्तव में एक बेहतरीन डिज़ाइन लेकर आए हैं और ठीक से याद नहीं कर पा रहे हैं कि आपने यह कैसे बनाया?
अब आपको इसे साझा करने का तरीका ढूंढना होगा। यदि आप एक बहुत ही जटिल डिज़ाइन साझा करने का प्रयास कर रहे हैं तो इसमें कई दिन, यहाँ तक कि सप्ताह भी लग सकते हैं।
आपके वेब ऐप प्रोटोटाइप बनाने के लिए प्रतीक्षा करने का कोई कारण नहीं है। उन्हें अभी Dabblet के साथ बनाएं।
तत्वों को खींचें और छोड़ें, स्टाइल करें और सहेजें। इसे समीक्षा के लिए किसी डिज़ाइनर के पास भेजें या इसे प्रेजेंटेशन में कॉपी करें। संभावनाएं अनंत हैं।
डैब्लेट क्या है?
का प्रयोग दबबल, आप वास्तविक समय में सीएसएस और HTML कोड के छोटे स्निपेट के साथ प्रयोग कर सकते हैं।
इसका उपयोग करते समय आपको अपने सीएसएस कोड में किसी उपसर्ग की आवश्यकता नहीं होगी। GitHub आपको अपनी सामग्री संग्रहीत करने, उसे अन्य साइटों पर पोस्ट करने और दूसरों के साथ साझा करने की अनुमति देता है।
यह अन्य डेवलपर्स के साथ कोड स्निपेट साझा करने और फीडबैक प्राप्त करने का एक शानदार तरीका है।
यह कैसे संचालित होता है?
जैसे ही कोड टाइप किया जाता है, विजुअल आउटपुट तुरंत उसके ऊपर दिखाई देने लगता है। जावास्क्रिप्ट यह एकमात्र छूट है, यह देखते हुए कि इसे प्रत्येक कीस्ट्रोक पर चलाना परेशान करने वाला होगा और कुछ स्थितियों में ब्राउज़र अनुपयोगी भी हो सकता है।
जावास्क्रिप्ट टैब या कीबोर्ड शॉर्टकट (Ctrl + Enter या Cmd + Enter) में "रन JS" विकल्प का उपयोग करने से डैबलेट चलने पर जावास्क्रिप्ट चलेगा। विकल्प मेनू आपको इस शैली को बदलने की अनुमति देता है।
एक डेवलपर के रूप में, आप इन तीनों भाषाओं में एक साथ कोडिंग करने या तैयार उत्पाद देखने के बीच स्विच कर सकते हैं।
विशेषताएं
डैबलेट की विशेषताएं निम्नलिखित हैं जिनके बारे में आपको जानना चाहिए:
त्वरित सीएसएस संपादन: आप सीएसएस गुणों को शीघ्रता से जोड़, संपादित और हटा सकते हैं। परिवर्तन वास्तविक समय में पृष्ठ पर दिखाई देंगे।
वाक्य - विन्यास पर प्रकाश डालना: सीएसएस और एचटीएमएल कोड सिंटैक्स हाइलाइट किए गए हैं, जिससे इसे पढ़ना और समझना आसान हो जाता है। आपके टाइप करते ही कोड भी मान्य हो जाएगा। यदि आप चाहें तो आप कोड बॉक्स को छिपाना भी चुन सकते हैं।
स्वतः पूर्ण: डैबलेट सीएसएस गुणों और मूल्यों के लिए स्वत: पूर्ण प्रदान करता है। जब आप स्टाइलशीट बना रहे हों या संपादित कर रहे हों तो यह बहुत मददगार हो सकता है।
पूर्व-निर्मित सीएसएस स्टाइलशीट: आप लोकप्रिय वेबसाइटों से पूर्व-निर्मित सीएसएस स्टाइलशीट तक पहुंच सकते हैं। इनका उपयोग आपकी अपनी वेबसाइट पर शीघ्रता और आसानी से शैलियाँ जोड़ने के लिए किया जा सकता है।
सार समर्थन: डैबलेट GitHub Gists का समर्थन करता है, जिससे आप अपने कोड स्निपेट को आसानी से दूसरों के साथ संग्रहीत और साझा कर सकते हैं।
सजीव पूर्वावलोकन: आप पृष्ठ को पुनः लोड किए बिना वास्तविक समय में अपने कोड परिवर्तनों के परिणाम देख सकते हैं। उदाहरण के लिए, यदि आप किसी टेक्स्ट का रंग बदलते हैं, तो टाइप करते ही आपको परिवर्तन टेक्स्ट पर दिखाई देगा।
कुंजीपटल अल्प मार्ग: डैबलेट के पास सामान्य कार्यों के लिए कीबोर्ड शॉर्टकट हैं, जैसे कोई नया स्टाइल नियम जोड़ना या टिप्पणी करना।
एकाधिक दृश्य मोड: डैबलेट एकाधिक दृश्य मोड प्रदान करता है, जो आपको कोड और परिणामों को साथ-साथ या एक-दूसरे के ऊपर और नीचे देखने की अनुमति देता है।
फ़ायदे
- त्वरित सीएसएस
- भले ही आप साइन इन हों, फिर भी आप गुप्त सहेज सकते हैं।
- कोण, रंग, अवधि आदि जैसे विभिन्न मापदंडों के लिए इनलाइन सीएसएस मूल्य पूर्वावलोकनकर्ता।
- सब कुछ XHR-ed है, इसलिए पृष्ठ कभी भी ताज़ा नहीं होता, यहां तक कि जब आप सहेजते हैं तब भी नहीं।
- प्रचुर मात्रा में कीबोर्ड शॉर्टकट।
- सभी कोड स्वतः-स्वरूपित हैं (मार्कडाउन को छोड़कर)।
- प्रारंभ से ही ठोस दस्तावेज़ीकरण।
नुकसान
- शुरुआत में इंटरफ़ेस थोड़ा अटपटा लगता है, लेकिन आपको इसकी आदत हो जाती है।
- कोई परियोजना-स्तरीय प्रबंधन सुविधाएँ नहीं (अभी तक)।
डैबलेट एकीकरण
किसी भी प्लेटफ़ॉर्म को अन्य सेवाओं के साथ एकीकृत करने की आवश्यकता होती है, और डैबलेट कोई अपवाद नहीं है। निम्नलिखित कुछ एकीकरण हैं जो डैबलेट प्रदान करता है:
Google Analytics
आप अपने Google Analytics ट्रैकिंग कोड को Dabblet पेजों पर आसानी से जोड़ सकते हैं। यह आपको अपने डैबलेट के लिए पेज व्यू और अन्य आंकड़ों को ट्रैक करने की अनुमति देगा।
Ubuntu
डैबलेट का उपयोग उबंटू थीम बनाने के लिए किया जा सकता है। आप एक नया डैबलेट बना सकते हैं, सीएसएस और HTML कोड जोड़ सकते हैं, और वेब ब्राउज़र में थीम का पूर्वावलोकन कर सकते हैं।
DigitalOcean
एक अनूठी क्लाउड होस्टिंग कंपनी व्यवसायों को क्लाउड कंप्यूटिंग सेवाएं प्रदान करती है, जिससे उन्हें अपने संचालन को अधिक कुशलता से बढ़ाने में मदद मिलती है।
डैबलेट इसके साथ क्या करता है?
अब आप अपने डैबलेट बना सकते हैं, प्रबंधित कर सकते हैं और तैनात कर सकते हैं डिजिटलओशन स्पेस।
यह आपको अपने सभी कोड स्निपेट को एक ही स्थान पर रखने की अनुमति देता है और उन्हें दूसरों के साथ साझा करना आसान बनाता है।
डबलेट्स के लिए विकल्प
विकल्प हमेशा मौजूद होते हैं, और उसी तरह, जब डैबलेट की बात आती है तो यहां कुछ विकल्प दिए गए हैं जिन पर विचार किया जा सकता है:
पेस्टबिन.कॉम
प्रोग्रामर आमतौर पर स्रोत कोड या कॉन्फ़िगरेशन डेटा अंशों को सहेजने के लिए वेबसाइट का उपयोग करते हैं। हालाँकि, कोई भी व्यक्ति दिए गए स्थान पर कोई भी पाठ डाल सकता है।
जेएस बिन
जेएस बिन जावास्क्रिप्ट के लिए एक निःशुल्क परीक्षण उपकरण है। एक बार जावास्क्रिप्ट और दूसरे फलक में HTML दर्ज करने के बाद परिणाम एक छोटे URL के माध्यम से साझा किया जा सकता है। ऐसे मेनू का उपयोग करें जो आपको सबसे अधिक उपयोग की जाने वाली कुछ जेएस लाइब्रेरी में से चयन करने की सुविधा देता है।
सीएसएसडेक
यह टूल अन्य लोगों के साथ टेस्ट केस बनाने और उनका आदान-प्रदान करने के लिए बहुत अच्छा है जो आपके कोडिंग प्रयासों में आपकी सहायता कर सकते हैं। विभिन्न विकल्पों के साथ, आप अन्य प्रोग्रामर के साथ तुरंत परियोजनाओं पर सहयोग भी कर सकते हैं।
प्लंकर
प्लंकर एक डिजिटल प्लेटफ़ॉर्म है जहां वेब डेवलपर विचार-मंथन कर सकते हैं, सहयोग कर सकते हैं और अपने विचार साझा कर सकते हैं।
उदाहरण के लिए, आप "हैलो, दुनिया!" से शुरुआत कर सकते हैं। किसी भी भाषा में प्रोग्राम करें और एक समृद्ध शिक्षण अनुभव बनाने के लिए कोड स्निपेट, मार्कडाउन और स्क्रीनशॉट जोड़ें।
अंतिम शब्द
अंत में, डैबलेट वेब डेवलपर्स के लिए एक उपयोगी उपकरण है, विशेष रूप से उन लोगों के लिए जो जल्दी और आसानी से तरीके खोज रहे हैं उनके कोड का परीक्षण करें.
अपनी विभिन्न विशेषताओं और एकीकरणों के साथ, इस प्लेटफ़ॉर्म का उपयोग न करना कठिन है।
आज ही इसे आज़माएं!
एक जवाब लिखें