तुम्हाला कधीही असे वाटते का की एखादा वेब अॅप किंवा एक्स्टेंशन असेल जे तुम्हाला फ्लायवर UI प्रोटोटाइप तयार आणि शेअर करू देते?
आम्ही सर्व करतो! आमच्या साइट्स किंवा अॅप्स कसे दिसावेत आणि कसे वाटावेत याविषयी आपल्या सर्वांच्या कल्पना आहेत.
तर, तुम्ही खरोखरच उत्तम डिझाइन घेऊन आला आहात आणि तुम्ही ते कसे केले हे नक्की आठवत नाही?
आता तुम्हाला ते शेअर करण्याचा मार्ग शोधावा लागेल. जर तुम्ही खूप जटिल डिझाइन शेअर करण्याचा प्रयत्न करत असाल तर यास दिवस, अगदी आठवडे लागू शकतात.
तुमचे वेब अॅप प्रोटोटाइप बनवण्यासाठी प्रतीक्षा करण्याचे कोणतेही कारण नाही. ते आता Dabblet सह तयार करा.
घटक ड्रॅग आणि ड्रॉप करा, शैली करा आणि सेव्ह करा. पुनरावलोकनासाठी डिझायनरकडे पाठवा किंवा सादरीकरणात कॉपी करा. शक्यता अनंत आहेत.
डॅबलेट म्हणजे काय?
वापरून डब्बल्ट, तुम्ही रिअल-टाइममध्ये CSS आणि HTML कोडच्या छोट्या स्निपेट्ससह प्रयोग करू शकता.
हे वापरताना तुम्हाला तुमच्या CSS कोडमध्ये कोणत्याही उपसर्गाची आवश्यकता नाही. GitHub सारांश तुम्हाला तुमची सामग्री संचयित करण्याची, ती इतर साइटवर पोस्ट करण्याची आणि इतरांसह सामायिक करण्याची परवानगी देते.
इतर विकासकांसोबत कोड स्निपेट्स शेअर करण्याचा आणि फीडबॅक मिळवण्याचा हा एक उत्तम मार्ग आहे.
ते कसे चालते?
कोड टाईप केल्यावर लगेचच त्याच्या वर व्हिज्युअल आउटपुट दिसेल. जावास्क्रिप्ट प्रत्येक कीस्ट्रोकवर चालवणे त्रासदायक ठरेल आणि विशिष्ट परिस्थितींमध्ये ब्राउझर निरुपयोगी होऊ शकते हे लक्षात घेऊन ही एकमेव सूट आहे.
JavaScript टॅबमधील “Run JS” पर्याय किंवा कीबोर्ड शॉर्टकट (Ctrl + Enter किंवा Cmd + Enter) वापरल्याने Dabblet चालते तेव्हा JavaScript चालते. पर्याय मेनू तुम्हाला ही शैली बदलण्याची परवानगी देतो.
डेव्हलपर म्हणून, तुम्ही या तिन्ही भाषांमध्ये एकाच वेळी कोडींग किंवा तयार झालेले उत्पादन पाहण्यासाठी स्विच करू शकता.
वैशिष्ट्ये
डॅब्लेटची खालील वैशिष्ट्ये आहेत ज्याबद्दल तुम्हाला माहिती असणे आवश्यक आहे:
द्रुत CSS संपादन: तुम्ही CSS गुणधर्म पटकन जोडू शकता, संपादित करू शकता आणि काढू शकता. बदल रिअल-टाइममध्ये पृष्ठावर प्रतिबिंबित होतील.
वाक्यरचना हायलाइटिंग: CSS आणि HTML कोड हे वाक्यरचना हायलाइट केलेले आहेत, जे वाचणे आणि समजणे सोपे करते. तुम्ही जसे टाइप कराल तसे कोड देखील प्रमाणित केले जाईल. तुमची इच्छा असल्यास तुम्ही कोड बॉक्स लपवणे देखील निवडू शकता.
स्वयं-पूर्ण: Dabblet CSS गुणधर्म आणि मूल्यांसाठी स्वयं-पूर्ण ऑफर करते. तुम्ही स्टाइलशीट तयार करता किंवा संपादित करता तेव्हा हे खूप उपयुक्त ठरू शकते.
पूर्व-निर्मित CSS स्टाइलशीट्स: तुम्ही लोकप्रिय वेबसाइटवरून पूर्व-निर्मित CSS स्टाइलशीटमध्ये प्रवेश करू शकता. आपल्या स्वतःच्या वेबसाइटवर शैली द्रुतपणे आणि सहज जोडण्यासाठी हे वापरले जाऊ शकतात.
भावार्थ समर्थन: Dabblet GitHub Gists चे समर्थन करते, जे तुम्हाला तुमचे कोड स्निपेट्स इतरांसोबत सहजपणे स्टोअर आणि शेअर करण्याची परवानगी देते.
थेट पूर्वावलोकन तुम्ही पृष्ठ रीलोड न करता तुमच्या कोड बदलांचे परिणाम रिअल-टाइममध्ये पाहू शकता. उदाहरणार्थ, जर तुम्ही मजकूराचा रंग बदललात, तर तुम्ही टाईप करताच मजकूरावर बदल दिसून येईल.
कीबोर्ड शॉर्टकट: Dabblet मध्ये सामान्य कार्यांसाठी कीबोर्ड शॉर्टकट आहेत, जसे की नवीन शैली नियम जोडणे किंवा टिप्पणी करणे.
एकाधिक दृश्य मोड: Dabblet एकाधिक दृश्य मोड ऑफर करते, जे तुम्हाला कोड आणि परिणाम शेजारी-शेजारी किंवा वर आणि खाली एकमेकांना पाहण्याची परवानगी देते.
साधक
- द्रुत CSS
- तुम्ही साइन इन केले असले तरीही, तुम्ही गुप्त सेव्ह करू शकता.
- कोन, रंग, कालावधी इ. विविध पॅरामीटर्ससाठी इनलाइन CSS मूल्य पूर्वावलोकनकर्ते.
- सर्व काही XHR-ed आहे, त्यामुळे पेज कधीही रिफ्रेश होत नाही, तुम्ही सेव्ह केल्यावरही नाही.
- कीबोर्ड शॉर्टकट भरपूर.
- सर्व कोड स्वयं-स्वरूपित आहे (मार्कडाउन वगळता).
- गेट-गो पासून ठोस दस्तऐवज.
बाधक
- इंटरफेस सुरुवातीला थोडा जबरदस्त आहे, परंतु तुम्हाला त्याची सवय होईल.
- कोणतीही प्रकल्प-स्तरीय व्यवस्थापन वैशिष्ट्ये (अद्याप).
Dabblet एकत्रीकरण
कोणत्याही प्लॅटफॉर्मला इतर सेवांसह समाकलित करणे आवश्यक आहे आणि Dabblet हा अपवाद नाही. डॅब्लेट ऑफर करत असलेले काही एकत्रीकरण खालीलप्रमाणे आहेत:
Google Analytics मध्ये
तुम्ही तुमचा Google Analytics ट्रॅकिंग कोड Dabblet पृष्ठांवर सहजपणे जोडू शकता. हे तुम्हाला तुमच्या Dabblet साठी पृष्ठ दृश्ये आणि इतर आकडेवारीचा मागोवा घेण्यास अनुमती देईल.
उबंटू
Ubuntu थीम तयार करण्यासाठी Dabblet चा वापर केला जाऊ शकतो. तुम्ही एक नवीन Dabblet तयार करू शकता, CSS आणि HTML कोड जोडू शकता आणि वेब ब्राउझरमध्ये थीमचे पूर्वावलोकन करू शकता.
डिजिटल महासागर
एक-एक प्रकारची क्लाउड होस्टिंग कंपनी व्यवसायांना क्लाउड संगणन सेवा प्रदान करते, ज्यामुळे त्यांना त्यांचे कार्य अधिक कार्यक्षमतेने वाढवता येते.
Dabblet त्याचे काय करते?
तुम्ही आता तुमचे Dabblets तयार, व्यवस्थापित आणि उपयोजित करू शकता DigitalOcean Spaces.
हे तुम्हाला तुमचे सर्व कोड स्निपेट एकाच ठिकाणी ठेवण्याची परवानगी देते आणि ते इतरांसोबत शेअर करणे सोपे करते.
Dabblets साठी पर्याय
पर्याय नेहमीच उपस्थित असतात, आणि त्याच शिरामध्ये, डॅब्लेटचा विचार करण्यासाठी येथे काही आहेत:
Pastebin.com
प्रोग्रामर सामान्यतः स्त्रोत कोड किंवा कॉन्फिगरेशन डेटाचे तुकडे जतन करण्यासाठी वेबसाइट वापरतात. तथापि, कोणीही प्रदान केलेल्या जागेत कोणताही मजकूर टाकू शकतो.
जेएस बिन
JS बिन हे JavaScript साठी मोफत चाचणी साधन आहे. जावास्क्रिप्ट एका उपखंडात आणि दुसर्या पॅनलमध्ये एचटीएमएल प्रविष्ट केल्यावर परिणाम लहान URL द्वारे सामायिक केला जाऊ शकतो. एक मेनू वापरा जो तुम्हाला सर्वात सामान्यपणे वापरल्या जाणार्या JS लायब्ररींमधून निवडू देतो.
CssDeck
हे साधन चाचणी प्रकरणे तयार करण्यासाठी आणि इतरांशी देवाणघेवाण करण्यासाठी उत्तम आहे जे तुम्हाला तुमच्या कोडिंग प्रयत्नांमध्ये मदत करू शकतात. विविध पर्यायांसह, तुम्ही इतर प्रोग्रामरसह त्वरित प्रकल्पांवर सहयोग देखील करू शकता.
प्लंकर
प्लंकर एक डिजिटल प्लॅटफॉर्म आहे जिथे वेब डेव्हलपर विचारमंथन करू शकतात, सहयोग करू शकतात आणि त्यांचे विचार सामायिक करू शकतात.
उदाहरणार्थ, तुम्ही "हॅलो, वर्ल्ड!" ने सुरुवात करू शकता. कोणत्याही भाषेत प्रोग्राम करा आणि समृद्ध शिक्षण अनुभव तयार करण्यासाठी कोड स्निपेट्स, मार्कडाउन आणि स्क्रीनशॉट जोडा.
अंतिम शब्द
शेवटी, Dabblet हे वेब डेव्हलपरसाठी उपयुक्त साधन आहे, विशेषत: जे जलद आणि सहज मार्ग शोधत आहेत. त्यांच्या कोडची चाचणी घ्या.
त्याच्या विविध वैशिष्ट्यांसह आणि एकत्रीकरणांसह, या प्लॅटफॉर्मचा वापर शोधणे कठीण आहे.
आजच करून पहा!
प्रत्युत्तर द्या