آیا تا به حال آرزو کرده اید که یک برنامه وب یا برنامه افزودنی وجود داشته باشد که به شما امکان می دهد نمونه های اولیه رابط کاربری را در لحظه ایجاد کرده و به اشتراک بگذارید؟
همه ما انجام می دهیم! همه ما ایده هایی داریم که می خواهیم سایت ها یا برنامه هایمان چگونه ظاهر و احساسی داشته باشند.
بنابراین، شما به یک طراحی واقعا عالی رسیدید و نمی توانید دقیقاً به یاد داشته باشید که چگونه آن را انجام داده اید؟
اکنون باید راهی برای اشتراک گذاری آن پیدا کنید. اگر میخواهید یک طرح بسیار پیچیده را به اشتراک بگذارید، ممکن است روزها و حتی هفتهها طول بکشد.
دلیلی وجود ندارد که منتظر بمانید تا نمونه های اولیه برنامه وب خود را بسازید. اکنون آنها را با Dabblet ایجاد کنید.
عناصر را بکشید و رها کنید، استایل دهید و ذخیره کنید. آن را برای بازبینی به یک طراح ارسال کنید یا به سادگی آن را در یک ارائه کپی کنید. امکانات بی پایان هستند.
Dabblet چیست؟
با استفاده از دابلت، می توانید قطعه های کوچکی از کدهای CSS و HTML را در زمان واقعی آزمایش کنید.
هنگام استفاده از این به هیچ پیشوندی در کد CSS خود نیاز نخواهید داشت. مفاهیم GitHub به شما این امکان را می دهد که محتوای خود را ذخیره کنید، آن را در سایت های دیگر پست کنید و با دیگران به اشتراک بگذارید.
این یک راه عالی برای به اشتراک گذاشتن قطعه کد با دیگر توسعه دهندگان و دریافت بازخورد است.
چگونه عمل می کند؟
به محض تایپ کد، خروجی بصری بلافاصله در بالای آن قابل مشاهده است. جاوا اسکریپت تنها معافیت است، با توجه به اینکه اجرای آن با هر ضربه کلید آزاردهنده خواهد بود و حتی ممکن است باعث شود مرورگر در شرایط خاص غیر قابل استفاده شود.
با استفاده از گزینه "Run JS" در زبانه جاوا اسکریپت یا میانبر صفحه کلید (Ctrl + Enter یا Cmd + Enter) جاوا اسکریپت را زمانی که Dabblet اجرا می شود اجرا می کند. منوی گزینه ها به شما امکان می دهد این سبک را تغییر دهید.
بهعنوان یک توسعهدهنده، میتوانید بین کدنویسی به هر سه این زبان به طور همزمان یا دیدن محصول نهایی جابجا شوید.
امکانات
در زیر ویژگی های Dabblet وجود دارد که باید در مورد آنها بدانید:
ویرایش سریع CSS: شما می توانید به سرعت ویژگی های CSS را اضافه، ویرایش و حذف کنید. تغییرات در زمان واقعی در صفحه منعکس می شود.
برجسته سازی نحو: کدهای CSS و HTML به صورت سینتکس برجسته شدهاند که خواندن و درک آن را آسان میکند. همچنین با تایپ کد، اعتبارسنجی می شود. در صورت تمایل میتوانید کادر کد را مخفی کنید.
تکمیل خودکار: Dabblet تکمیل خودکار خصوصیات و مقادیر CSS را ارائه می دهد. هنگامی که در حال ایجاد یا ویرایش شیوه نامه هستید، این می تواند بسیار مفید باشد.
استایل شیت های CSS از پیش ساخته شده: می توانید به شیوه نامه های CSS از پیش ساخته شده از وب سایت های محبوب دسترسی داشته باشید. از اینها می توان برای افزودن سریع و آسان سبک به وب سایت خود استفاده کرد.
پشتیبانی Gist: Dabblet از GitHub Gists پشتیبانی می کند و به شما امکان می دهد قطعه کد خود را به راحتی با دیگران ذخیره و به اشتراک بگذارید.
پیش نمایش زنده: شما می توانید نتایج تغییرات کد خود را در زمان واقعی بدون بارگیری مجدد صفحه مشاهده کنید. به عنوان مثال، اگر رنگ یک متن را تغییر دهید، هنگام تایپ، تغییر را روی متن مشاهده خواهید کرد.
میانبرهای صفحه کلید: Dabblet دارای میانبرهای صفحه کلید برای کارهای رایج، مانند افزودن یک قانون سبک جدید یا نظر دادن است.
حالت های نمایش چندگانه: Dabblet حالت های نمایش متعددی را ارائه می دهد که به شما امکان می دهد کد و نتایج را در کنار یکدیگر یا بالا و پایین یکدیگر ببینید.
مزایا
- CSS سریع
- حتی اگر وارد سیستم شده باشید، همچنان ممکن است به صورت ناشناس ذخیره کنید.
- پیش نمایشگرهای درون خطی مقدار CSS برای پارامترهای مختلف مانند زوایا، رنگ ها، مدت زمان و غیره.
- همه چیز XHR-ed است، بنابراین صفحه هرگز تازه نمی شود، حتی زمانی که ذخیره می کنید.
- میانبرهای صفحه کلید فراوان
- همه کدها به صورت خودکار قالب بندی می شوند (به جز علامت گذاری).
- مستندات محکم از ابتدا.
منفی
- رابط کاربری در ابتدا کمی طاقت فرسا است، اما شما به آن عادت می کنید.
- هیچ ویژگی مدیریت در سطح پروژه (هنوز).
ادغام Dabblet
هر پلتفرمی نیاز به ادغام با سایر خدمات دارد و Dabblet نیز از این قاعده مستثنی نیست. موارد زیر برخی از ادغام هایی است که Dabblet ارائه می دهد:
گوگل آنالیز
به راحتی می توانید کد رهگیری Google Analytics خود را به صفحات Dabblet اضافه کنید. این به شما امکان می دهد بازدیدهای صفحه و سایر آمارهای Dabblet خود را ردیابی کنید.
اوبونتو
از Dabblet می توان برای ایجاد تم های اوبونتو استفاده کرد. میتوانید یک Dabblet جدید ایجاد کنید، کدهای CSS و HTML را اضافه کنید و تم را در یک مرورگر وب پیشنمایش کنید.
DigitalOcean
یک شرکت میزبان ابری منحصر به فرد، خدمات رایانش ابری را به مشاغل ارائه می دهد و به آنها اجازه می دهد تا عملیات خود را به طور موثرتری رشد دهند.
دابلت با آن چه می کند؟
اکنون می توانید Dabblets خود را ایجاد، مدیریت و استقرار دهید فضاهای دیجیتال اقیانوس.
این به شما امکان می دهد تمام کدهای خود را در یک مکان نگه دارید و اشتراک گذاری آنها را با دیگران آسان می کند.
جایگزین برای Dabblets
گزینههای جایگزین همیشه وجود دارند، و در همین راستا، در اینجا چند مورد وجود دارد که باید در مورد Dabblet فکر کرد:
Pastebin.com
برنامه نویسان معمولاً از وب سایت برای ذخیره کد منبع یا قطعات داده های پیکربندی استفاده می کنند. با این حال، هر کسی می تواند هر متنی را در فضای ارائه شده قرار دهد.
JS Bin
JS Bin یک ابزار تست رایگان برای جاوا اسکریپت است. نتیجه ممکن است از طریق یک URL کوتاه به اشتراک گذاشته شود، زمانی که جاوا اسکریپت در یک پنجره و HTML در دیگری وارد شود. از منویی استفاده کنید که به شما امکان می دهد از میان برخی از پرکاربردترین کتابخانه های JS انتخاب کنید.
CssDeck
این ابزار برای ایجاد و تبادل موارد تست با دیگرانی که می توانند به شما در تلاش های کدنویسی کمک کنند عالی است. با گزینه های مختلف، حتی ممکن است در پروژه ها به صورت آنی با برنامه نویسان دیگر همکاری کنید.
پلانکر
Plunker یک پلتفرم دیجیتالی است که در آن توسعه دهندگان وب می توانند به طوفان فکری، همکاری و به اشتراک گذاری افکار خود بپردازند.
به عنوان مثال، می توانید با یک "سلام، دنیا!" به هر زبانی برنامه ریزی کنید و قطعه کد، علامت گذاری و اسکرین شات را اضافه کنید تا یک تجربه یادگیری غنی ایجاد کنید.
حرف آخر
در پایان، Dabblet یک ابزار مفید برای توسعه دهندگان وب است، به ویژه کسانی که به دنبال راه هایی برای سریع و آسان هستند کد آنها را تست کنید
با ویژگی ها و ادغام های مختلف آن، به سختی می توان برای این پلتفرم کاربرد پیدا کرد.
امروز امتحانش کن!
پاسخ دهید