کیا آپ نے کبھی یہ خواہش کی ہے کہ کوئی ویب ایپ یا ایکسٹینشن ہو جو آپ کو پرواز پر UI پروٹو ٹائپس بنانے اور ان کا اشتراک کرنے دے؟
ہم سب کرتے ہیں! ہم سب کے پاس اس بات کے خیالات ہیں کہ ہم اپنی سائٹس یا ایپس کو کیسا دیکھنا اور محسوس کرنا چاہتے ہیں۔
تو، آپ واقعی ایک بہترین ڈیزائن لے کر آئے ہیں اور بالکل یاد نہیں ہے کہ آپ نے یہ کیسے کیا؟
اب آپ کو اس کا اشتراک کرنے کا راستہ تلاش کرنا ہوگا۔ اگر آپ ایک خوبصورت پیچیدہ ڈیزائن کا اشتراک کرنے کی کوشش کر رہے ہیں تو اس میں دن، یہاں تک کہ ہفتے بھی لگ سکتے ہیں۔
اپنی ویب ایپ پروٹو ٹائپس بنانے کے لیے انتظار کرنے کی کوئی وجہ نہیں ہے۔ انہیں اب ڈیبلٹ کے ساتھ بنائیں۔
عناصر کو گھسیٹیں اور چھوڑیں، اسٹائل کریں اور اسے محفوظ کریں۔ اسے جائزہ کے لیے کسی ڈیزائنر کو بھیجیں یا اسے محض ایک پریزنٹیشن میں کاپی کریں۔ امکانات لامتناہی ہیں۔
Dabblet کیا ہے؟
کا استعمال کرتے ہوئے ڈبلٹ، آپ حقیقی وقت میں CSS اور HTML کوڈ کے چھوٹے ٹکڑوں کے ساتھ تجربہ کر سکتے ہیں۔
اسے استعمال کرتے وقت آپ کو اپنے CSS کوڈ میں کسی سابقے کی ضرورت نہیں ہوگی۔ GitHub کے خلاصے آپ کو اپنے مواد کو ذخیرہ کرنے، اسے دوسری سائٹوں پر پوسٹ کرنے اور دوسروں کے ساتھ شیئر کرنے کی اجازت دیتے ہیں۔
کوڈ کے ٹکڑوں کو دوسرے ڈویلپرز کے ساتھ شیئر کرنے اور تاثرات حاصل کرنے کا یہ ایک بہترین طریقہ ہے۔
یہ کیسے کام کرتا ہے؟
جیسے ہی کوڈ ٹائپ کیا جاتا ہے، بصری آؤٹ پٹ فوری طور پر اس کے اوپر نظر آتا ہے۔ جاوا سکرپٹ یہ واحد استثنیٰ ہے، اس بات پر غور کرتے ہوئے کہ اسے ہر کی اسٹروک پر چلانا پریشان کن ہوگا اور بعض حالات میں براؤزر کے ناقابل استعمال ہونے کا سبب بھی بن سکتا ہے۔
جاوا اسکرپٹ ٹیب یا کی بورڈ شارٹ کٹ (Ctrl + Enter یا Cmd + Enter) میں "Run JS" آپشن استعمال کرنے سے جاوا اسکرپٹ چلے گا جب کوئی Dabblet چلتا ہے۔ اختیارات کا مینو آپ کو اس انداز کو تبدیل کرنے کی اجازت دیتا ہے۔
ایک ڈویلپر کے طور پر، آپ بیک وقت ان تینوں زبانوں میں کوڈنگ یا تیار شدہ مصنوعات کو دیکھنے کے درمیان سوئچ کر سکتے ہیں۔
خصوصیات
Dabblet کی وہ خصوصیات درج ذیل ہیں جن کے بارے میں آپ کو معلوم ہونا چاہیے:
فوری سی ایس ایس ترمیم: آپ سی ایس ایس کی خصوصیات کو تیزی سے شامل، ترمیم اور ہٹا سکتے ہیں۔ تبدیلیاں ریئل ٹائم میں صفحہ پر ظاہر ہوں گی۔
نحو کو نمایاں کرنا: CSS اور HTML کوڈ کو نحو کو نمایاں کیا گیا ہے، جس سے اسے پڑھنا اور سمجھنا آسان ہے۔ آپ کے ٹائپ کرتے ہی کوڈ کی توثیق بھی ہو جائے گی۔ اگر آپ چاہیں تو آپ کوڈ باکس کو چھپانے کا بھی انتخاب کر سکتے ہیں۔
خودکار مکمل: Dabblet CSS کی خصوصیات اور اقدار کے لیے خودکار تکمیل پیش کرتا ہے۔ جب آپ اسٹائل شیٹس بنا رہے ہوں یا اس میں ترمیم کر رہے ہوں تو یہ بہت مددگار ثابت ہو سکتا ہے۔
پری بلٹ سی ایس ایس اسٹائل شیٹس: آپ مقبول ویب سائٹس سے پہلے سے تیار کردہ CSS اسٹائل شیٹس تک رسائی حاصل کر سکتے ہیں۔ یہ آپ کی اپنی ویب سائٹ پر جلدی اور آسانی سے اسٹائلز شامل کرنے کے لیے استعمال کیے جا سکتے ہیں۔
خلاصہ حمایت: Dabblet GitHub Gists کو سپورٹ کرتا ہے، جس سے آپ اپنے کوڈ کے ٹکڑوں کو دوسروں کے ساتھ آسانی سے اسٹور اور شیئر کرسکتے ہیں۔
لائیو پیش نظارہ: آپ صفحہ کو دوبارہ لوڈ کیے بغیر اپنے کوڈ کی تبدیلیوں کے نتائج حقیقی وقت میں دیکھ سکتے ہیں۔ مثال کے طور پر، اگر آپ کسی متن کا رنگ تبدیل کرتے ہیں، تو آپ کو ٹائپ کرتے وقت متن پر تبدیلی نظر آئے گی۔
کی بورڈ شارٹ کٹس: Dabblet میں عام کاموں کے لیے کی بورڈ شارٹ کٹس ہیں، جیسے کہ ایک نیا طرز کا اصول شامل کرنا یا تبصرہ کرنا۔
متعدد ویو موڈز: Dabblet متعدد ویو موڈز پیش کرتا ہے، جو آپ کو کوڈ اور نتائج کو ساتھ ساتھ یا ایک دوسرے کے اوپر اور نیچے دیکھنے کی اجازت دیتا ہے۔
پیشہ
- فوری سی ایس ایس
- یہاں تک کہ اگر آپ سائن ان ہیں، تب بھی آپ پوشیدگی کو محفوظ کر سکتے ہیں۔
- مختلف پیرامیٹرز جیسے زاویہ، رنگ، دورانیہ وغیرہ کے لیے ان لائن CSS ویلیو پیش نظارہ۔
- سب کچھ XHR-ed ہے، لہذا صفحہ کبھی بھی تازہ نہیں ہوتا، یہاں تک کہ جب آپ محفوظ کرتے ہیں۔
- کی بورڈ شارٹ کٹ بہت زیادہ ہیں۔
- تمام کوڈ خود بخود فارمیٹ شدہ ہے (مارک ڈاؤن کے علاوہ)۔
- جانے سے ٹھوس دستاویزات۔
خامیاں
- انٹرفیس پہلے تو تھوڑا سا زبردست ہے، لیکن آپ اس کے عادی ہو جاتے ہیں۔
- پروجیکٹ کی سطح کے انتظام کی کوئی خصوصیات نہیں (ابھی تک)
Dabblet انضمام
کسی بھی پلیٹ فارم کو دوسری خدمات کے ساتھ ضم کرنے کی ضرورت ہے، اور Dabblet اس سے مستثنیٰ نہیں ہے۔ درج ذیل انضمامات میں سے کچھ ہیں جو Dabblet پیش کرتا ہے:
گوگل کے تجزیات
آپ آسانی سے اپنا Google Analytics ٹریکنگ کوڈ Dabblet صفحات میں شامل کر سکتے ہیں۔ یہ آپ کو اپنے Dabblet کے لیے صفحہ کے نظارے اور دیگر اعدادوشمار کو ٹریک کرنے کی اجازت دے گا۔
اوبنٹو
Dabblet Ubuntu تھیمز بنانے کے لیے استعمال کیا جا سکتا ہے۔ آپ ایک نیا Dabblet بنا سکتے ہیں، CSS اور HTML کوڈ شامل کر سکتے ہیں، اور ویب براؤزر میں تھیم کا جائزہ لے سکتے ہیں۔
ڈیجیٹل اوسن
ایک قسم کی کلاؤڈ ہوسٹنگ کمپنی کاروباروں کو کلاؤڈ کمپیوٹنگ کی خدمات فراہم کرتی ہے، جس سے وہ اپنے کام کو زیادہ مؤثر طریقے سے بڑھا سکتے ہیں۔
Dabblet اس کے ساتھ کیا کرتا ہے؟
اب آپ اپنے Dabblets بنا سکتے ہیں، ان کا نظم کر سکتے ہیں اور ان کو تعینات کر سکتے ہیں۔ DigitalOcean Spaces.
یہ آپ کو اپنے تمام کوڈ کے ٹکڑوں کو ایک جگہ پر رکھنے کی اجازت دیتا ہے اور دوسروں کے ساتھ ان کا اشتراک کرنا آسان بناتا ہے۔
Dabblets کے لئے متبادل
متبادل ہمیشہ موجود ہوتے ہیں، اور اسی رگ میں، یہاں چند ایک کے لیے غور کرنے کے لیے ہیں جب بات ڈبلیٹ کی ہو:
Pastebin.com
پروگرامرز عام طور پر ویب سائٹ کو سورس کوڈ یا کنفیگریشن ڈیٹا کے ٹکڑوں کو محفوظ کرنے کے لیے استعمال کرتے ہیں۔ تاہم، کوئی بھی شخص فراہم کردہ جگہ میں کوئی بھی متن ڈال سکتا ہے۔
جے ایس بن
JS Bin JavaScript کے لیے ایک مفت ٹیسٹنگ ٹول ہے۔ جاوا اسکرپٹ کے ایک پین میں اور دوسرے میں HTML داخل ہونے کے بعد نتیجہ مختصر URL کے ذریعے شیئر کیا جا سکتا ہے۔ ایک ایسے مینو کا استعمال کریں جو آپ کو سب سے زیادہ استعمال ہونے والی JS لائبریریوں میں سے کچھ منتخب کرنے دیتا ہے۔
سی ایس ایس ڈیک
یہ ٹول ٹیسٹ کیسز بنانے اور دوسروں کے ساتھ تبادلہ کرنے کے لیے بہترین ہے جو آپ کی کوڈنگ کی کوششوں میں آپ کی مدد کر سکتے ہیں۔ مختلف اختیارات کے ساتھ، آپ دوسرے پروگرامرز کے ساتھ فوری طور پر منصوبوں پر تعاون بھی کر سکتے ہیں۔
پلنکر
Plunker ایک ڈیجیٹل پلیٹ فارم ہے جہاں ویب ڈویلپرز دماغی طوفان، تعاون، اور اپنے خیالات کا اشتراک کر سکتے ہیں۔
مثال کے طور پر، آپ "ہیلو، ورلڈ!" کے ساتھ شروع کر سکتے ہیں! کسی بھی زبان میں پروگرام کریں اور سیکھنے کا بھرپور تجربہ بنانے کے لیے کوڈ کے ٹکڑوں، مارک ڈاؤنز، اور اسکرین شاٹس شامل کریں۔
آخری لفظ
آخر میں، Dabblet ویب ڈویلپرز کے لیے ایک مفید ٹول ہے، خاص طور پر وہ لوگ جو جلدی اور آسانی کے طریقے تلاش کرتے ہیں۔ ان کے کوڈ کی جانچ کریں۔
اس کی مختلف خصوصیات اور انضمام کے ساتھ، اس پلیٹ فارم کا استعمال تلاش نہ کرنا مشکل ہے۔
اسے آج ہی آزمائیں!
جواب دیجئے