के तपाइँ तपाइँलाई उडानमा UI प्रोटोटाइपहरू सिर्जना गर्न र साझेदारी गर्न दिने कुनै वेब एप वा एक्स्टेन्सन भएको चाहनुहुन्छ?
हामी सब गर्छौ! हामी सबैसँग हाम्रा साइटहरू वा एपहरू कसरी हेर्न र महसुस गरून् भन्ने बारे विचारहरू छन्।
त्यसोभए, तपाई साँच्चै उत्कृष्ट डिजाइनको साथ आउनुभयो र तपाईले यो कसरी गर्नुभयो भनेर ठ्याक्कै याद गर्न सक्नुहुन्न?
अब तपाईंले यसलाई साझा गर्ने तरिका खोज्नुपर्छ। यदि तपाइँ एक सुन्दर जटिल डिजाइन साझा गर्न प्रयास गर्दै हुनुहुन्छ भने, यसले दिनहरू, हप्ताहरू पनि लिन सक्छ।
तपाइँको वेब एप प्रोटोटाइपहरू बनाउनको लागि कुर्नु पर्ने कुनै कारण छैन। तिनीहरूलाई अब Dabblet संग सिर्जना गर्नुहोस्।
तत्वहरू तान्नुहोस् र छोड्नुहोस्, शैली, र बचत गर्नुहोस्। यसलाई समीक्षाको लागि डिजाइनरलाई पठाउनुहोस् वा यसलाई प्रस्तुतीकरणमा प्रतिलिपि गर्नुहोस्। सम्भावनाहरू अनन्त छन्।
Dabblet के हो?
प्रयोग ड्याब्लेट, तपाईले वास्तविक समयमा CSS र HTML कोडको सानो स्निपेट प्रयोग गर्न सक्नुहुन्छ।
यो प्रयोग गर्दा तपाईंलाई आफ्नो CSS कोडमा कुनै उपसर्गहरू आवश्यक पर्दैन। GitHub gists ले तपाईंलाई आफ्नो सामग्री भण्डारण गर्न, अन्य साइटहरूमा पोस्ट गर्न र अरूसँग साझेदारी गर्न अनुमति दिन्छ।
यो अन्य विकासकर्ताहरूसँग कोड स्निपेटहरू साझेदारी गर्न र प्रतिक्रिया प्राप्त गर्ने उत्कृष्ट तरिका हो।
यसले कसरी काम गर्छ?
कोड टाइप गर्ने बित्तिकै, भिजुअल आउटपुट यसको माथि तुरुन्तै देखिने छ। जाभास्क्रिप्ट यो एक्लो छुट हो, यसलाई प्रत्येक कीस्ट्रोकमा चलाउन रिस उठ्छ र ब्राउजरलाई केहि परिस्थितिहरूमा प्रयोग गर्न नसक्ने हुन सक्छ।
JavaScript ट्याब वा किबोर्ड सर्टकट (Ctrl + Enter वा Cmd + Enter) मा "Run JS" विकल्प प्रयोग गर्दा Dabblet चल्दा JavaScript चल्नेछ। विकल्प मेनुले तपाईंलाई यो शैली परिवर्तन गर्न अनुमति दिन्छ।
एक विकासकर्ताको रूपमा, तपाईंले यी तीनवटै भाषाहरूमा एकैसाथ कोडिङ वा समाप्त उत्पादन हेरेर स्विच गर्न सक्नुहुन्छ।
विशेषताहरु
तल ड्याब्लेटका सुविधाहरू छन् जुन तपाईंले थाहा पाउनुपर्छ:
द्रुत CSS सम्पादन: तपाईं द्रुत रूपमा CSS गुणहरू थप्न, सम्पादन गर्न र हटाउन सक्नुहुन्छ। परिवर्तनहरू वास्तविक समयमा पृष्ठमा प्रतिबिम्बित हुनेछन्।
सिन्ट्याक्स हाइलाइटिङ: CSS र HTML कोड सिन्ट्याक्स हाइलाइट गरिएका छन्, यसलाई पढ्न र बुझ्न सजिलो बनाउँदै। तपाईंले टाइप गर्दा कोड पनि मान्य हुनेछ। यदि तपाई चाहनुहुन्छ भने तपाईले कोड बक्स लुकाउन पनि छनौट गर्न सक्नुहुन्छ।
स्वत: पूरा: Dabblet CSS गुण र मानहरूको लागि स्वत: पूर्ण प्रस्ताव गर्दछ। तपाईंले स्टाइलसिटहरू सिर्जना वा सम्पादन गर्दा यो धेरै उपयोगी हुन सक्छ।
पूर्व-निर्मित CSS स्टाइलसिटहरू: तपाईंले लोकप्रिय वेबसाइटहरूबाट पूर्व-निर्मित CSS स्टाइलसिटहरू पहुँच गर्न सक्नुहुन्छ। यी छिटो र सजिलै आफ्नो वेबसाइटमा शैलीहरू थप्न प्रयोग गर्न सकिन्छ।
Gist समर्थन: Dabblet ले GitHub Gists लाई समर्थन गर्दछ, तपाइँलाई तपाइँको कोड स्निपेटहरू अरूसँग सजिलैसँग भण्डारण गर्न र साझेदारी गर्न अनुमति दिन्छ।
प्रत्यक्ष पूर्वावलोकन: तपाईं पृष्ठ पुन: लोड नगरी वास्तविक समयमा तपाईंको कोड परिवर्तनहरूको परिणामहरू हेर्न सक्नुहुन्छ। उदाहरणका लागि, यदि तपाईंले पाठको रंग परिवर्तन गर्नुभयो भने, तपाईंले टाइप गर्दा पाठमा प्रतिबिम्बित परिवर्तन देख्नुहुनेछ।
किबोर्ड सर्टकटहरू: Dabblet मा सामान्य कार्यहरूको लागि किबोर्ड सर्टकटहरू छन्, जस्तै नयाँ शैली नियम थप्ने वा टिप्पणी गर्ने।
बहु दृश्य मोडहरू: Dabblet ले बहु दृश्य मोडहरू प्रदान गर्दछ, जसले तपाईंलाई कोड र परिणामहरू छेउ-छेउ वा माथि र एक अर्काको तल हेर्न अनुमति दिन्छ।
विशेषज्ञहरूले
- द्रुत CSS
- यदि तपाइँ साइन इन हुनुहुन्छ भने, तपाइँ अझै पनि इन्कग्निटो बचत गर्न सक्नुहुन्छ।
- विभिन्न प्यारामिटरहरू जस्तै कोण, रङ, अवधि, आदिका लागि इनलाइन CSS मान पूर्वावलोकनकर्ताहरू।
- सबै कुरा XHR-ed छ, त्यसैले पृष्ठ कहिल्यै रिफ्रेस हुँदैन, तपाईंले बचत गर्दा पनि होइन।
- किबोर्ड सर्टकटहरू प्रशस्त।
- सबै कोड स्वतः ढाँचा गरिएको छ (मार्कडाउन बाहेक)।
- गेट-गोबाट ठोस कागजात।
विपक्ष
- इन्टरफेस सुरुमा थोरै भारी छ, तर तपाइँ यसलाई प्रयोग गर्नुहुनेछ।
- कुनै परियोजना-स्तर व्यवस्थापन सुविधाहरू (अहिले सम्म)।
Dabblet एकीकरण
कुनै पनि प्लेटफर्मले अन्य सेवाहरूसँग एकीकृत गर्न आवश्यक छ, र Dabblet कुनै अपवाद छैन। Dabblet ले प्रस्ताव गर्ने केही एकीकरणहरू निम्न छन्:
Google विश्लेषण
तपाईं सजिलैसँग आफ्नो गुगल एनालिटिक्स ट्र्याकिङ कोड Dabblet पृष्ठहरूमा थप्न सक्नुहुन्छ। यसले तपाइँलाई तपाइँको Dabblet को लागी पृष्ठ दृश्य र अन्य तथ्याङ्कहरू ट्र्याक गर्न अनुमति दिनेछ।
Ubuntu
Dabblet Ubuntu विषयवस्तुहरू सिर्जना गर्न प्रयोग गर्न सकिन्छ। तपाईं नयाँ Dabblet सिर्जना गर्न सक्नुहुन्छ, CSS र HTML कोड थप्नुहोस्, र वेब ब्राउजरमा विषयवस्तु पूर्वावलोकन गर्नुहोस्।
डिजिटल ओसन
एक प्रकारको क्लाउड होस्टिङ कम्पनीले व्यवसायहरूलाई क्लाउड कम्प्युटिङ सेवाहरू प्रदान गर्दछ, उनीहरूलाई उनीहरूको सञ्चालनलाई अझ प्रभावकारी रूपमा बढाउन अनुमति दिन्छ।
Dabblet ले के गर्छ?
तपाईं अब आफ्नो Dabblets सिर्जना गर्न, व्यवस्थापन गर्न र प्रयोग गर्न सक्नुहुन्छ DigitalOcean Spaces।
यसले तपाइँलाई तपाइँको सबै कोड स्निपेटहरू एकै ठाउँमा राख्न अनुमति दिन्छ र तिनीहरूलाई अरूसँग साझेदारी गर्न सजिलो बनाउँछ।
Dabblets को लागि विकल्प
विकल्पहरू सधैं उपस्थित हुन्छन्, र एउटै शिरामा, ड्याब्लेटको कुरा आउँदा विचार गर्नका लागि यहाँ केही छन्:
Pastebin.com
प्रोग्रामरहरूले सामान्यतया स्रोत कोड वा कन्फिगरेसन डेटा टुक्राहरू बचत गर्न वेबसाइट प्रयोग गर्छन्। यद्यपि, जो कोहीले पनि प्रदान गरिएको ठाउँमा कुनै पनि पाठ राख्न सक्छ।
जेएस बिन
JS Bin JavaScript को लागि नि: शुल्क परीक्षण उपकरण हो। एउटा फलकमा Javascript र अर्कोमा HTML प्रविष्ट गरिसकेपछि परिणाम छोटो URL मार्फत साझेदारी गर्न सकिन्छ। एउटा मेनुको प्रयोग गर्नुहोस् जसले तपाइँलाई केहि सामान्य रूपमा प्रयोग हुने JS पुस्तकालयहरूबाट चयन गर्न दिन्छ।
CssDeck
यो उपकरण अरूसँग परीक्षण केसहरू सिर्जना गर्न र आदानप्रदान गर्नको लागि उत्कृष्ट छ जसले तपाईंलाई तपाईंको कोडिङ प्रयासहरूमा मद्दत गर्न सक्छ। विभिन्न विकल्पहरूको साथ, तपाईंले अन्य प्रोग्रामरहरूसँग तुरुन्तै परियोजनाहरूमा सहयोग गर्न सक्नुहुन्छ।
प्लन्कर
Plunker एउटा डिजिटल प्लेटफर्म हो जहाँ वेब विकासकर्ताहरूले आफ्ना विचारहरू विचार गर्न, सहकार्य गर्न र साझा गर्न सक्छन्।
उदाहरण को लागी, तपाइँ "नमस्ते, संसार!" को साथ सुरु गर्न सक्नुहुन्छ। कुनै पनि भाषामा प्रोग्राम गर्नुहोस् र समृद्ध सिक्ने अनुभव सिर्जना गर्न कोड स्निपेटहरू, मार्कडाउनहरू र स्क्रिनसटहरू थप्नुहोस्।
अन्तिम शब्द
अन्तमा, Dabblet वेब विकासकर्ताहरूका लागि उपयोगी उपकरण हो, विशेष गरी ती व्यक्तिहरू छिटो र सजिलैसँग गर्ने तरिकाहरू खोजिरहेका छन्। तिनीहरूको कोड परीक्षण।
यसको विभिन्न सुविधाहरू र एकीकरणको साथ, यो प्लेटफर्मको लागि प्रयोग फेला पार्न गाह्रो छ।
यसलाई आज एक प्रयास दिनुहोस्!
जवाफ छाड्नुस्