UI прототипүүдийг шууд үүсгэж, хуваалцах боломжийг танд олгодог вэб програм эсвэл өргөтгөл байгаасай гэж та хүсэж байсан уу?
Бид бүгд тэгдэг! Бид бүгд өөрсдийн сайтууд эсвэл апп-ууд хэрхэн харагдах, харагдахыг хүсдэг талаар санаатай байдаг.
Тэгэхээр та үнэхээр гайхалтай загвар гаргаж ирээд яг яаж хийснээ сайн санахгүй байна уу?
Одоо та үүнийг хуваалцах арга замыг олох хэрэгтэй. Хэрэв та нэлээд төвөгтэй дизайныг хуваалцахыг оролдож байгаа бол энэ нь хэдэн өдөр, бүр хэдэн долоо хоног шаардагдана.
Таны вэб програмын загвар гаргахыг хүлээх ямар ч шалтгаан байхгүй. Даблет ашиглан тэдгээрийг одоо үүсгэ.
Элементүүдийг чирэх, буулгах, хэв маягийг оруулах, хадгалах. Үүнийг дизайнер руу хянуулахаар илгээх юм уу үзүүлэн рүү хуулж ав. Боломжууд хязгааргүй юм.
Dabblet гэж юу вэ?
ашиглах Дабблет, та CSS болон HTML кодын жижиг хэсгүүдийг бодит цаг хугацаанд туршиж үзэх боломжтой.
Үүнийг ашиглахдаа CSS кодонд ямар ч угтвар хэрэггүй. GitHub-ийн гол агуулга нь танд контентоо хадгалах, бусад сайтууд дээр нийтлэх, бусадтай хуваалцах боломжийг олгодог.
Энэ нь кодын хэсгүүдийг бусад хөгжүүлэгчидтэй хуваалцах, санал хүсэлтийг авах гайхалтай арга юм.
Энэ нь хэрхэн ажилладаг вэ?
Кодыг бичэнгүүт визуал гаралт дээрээс нь шууд харагдана. JavaScript Товчлуур бүр дээр ажиллуулах нь цочромтгой бөгөөд зарим тохиолдолд хөтчийг ашиглах боломжгүй болгож болзошгүй тул цорын ганц чөлөөлөлт юм.
JavaScript таб дээрх "Run JS" сонголтыг эсвэл гарын товчлолыг (Ctrl + Enter эсвэл Cmd + Enter) ашигласнаар Dabblet ажиллаж байх үед JavaScript ажиллах болно. Сонголтуудын цэс нь энэ хэв маягийг өөрчлөх боломжийг танд олгоно.
Хөгжүүлэгчийн хувьд та эдгээр гурван хэлээр нэгэн зэрэг кодлох эсвэл бэлэн бүтээгдэхүүнийг харах хооронд шилжиж болно.
онцлог
Таны мэдэх ёстой Dabblet-ийн онцлогууд:
Хурдан CSS засварлах: Та CSS шинж чанарыг хурдан нэмэх, засах, устгах боломжтой. Өөрчлөлтүүд бодит цаг хугацаанд хуудсан дээр тусгагдах болно.
Синтакс тодотгол: CSS болон HTML код нь синтаксийг онцолсон тул унших, ойлгоход хялбар болгодог. Таныг шивэх үед кодыг мөн баталгаажуулах болно. Хэрэв та хүсвэл кодын хайрцгийг нуухаар сонгож болно.
Автоматаар гүйцээх: Dabblet нь CSS шинж чанар болон утгыг автоматаар гүйцээхийг санал болгодог. Энэ нь таныг загварын хүснэгт үүсгэх эсвэл засах үед маш их тустай байж болно.
Урьдчилан бүтээсэн CSS загварын хүснэгтүүд: Та алдартай вэбсайтуудаас урьдчилан бүтээсэн CSS загварын хүснэгтэд хандах боломжтой. Эдгээрийг ашиглан өөрийн вэбсайтдаа хэв маягийг хурдан бөгөөд хялбараар нэмж болно.
Үндсэн дэмжлэг: Dabblet нь GitHub Gists-ийг дэмждэг бөгөөд кодын хэсгүүдээ хадгалах, бусадтай хялбархан хуваалцах боломжийг олгодог.
Шууд урьдчилан харах: Та хуудсыг дахин ачаалахгүйгээр кодын өөрчлөлтийн үр дүнг бодит цаг хугацаанд харах боломжтой. Жишээлбэл, хэрэв та текстийн өнгийг өөрчилбөл бичих явцад текст дээр тусгагдсан өөрчлөлтийг харах болно.
Гарын товчлолууд: Dabblet нь шинэ загварын дүрэм нэмэх, тайлбар бичих зэрэг нийтлэг ажлуудад зориулсан гарын товчлолуудтай.
Олон харах горимууд: Dabblet нь олон харах горимыг санал болгодог бөгөөд энэ нь танд код болон үр дүнг зэрэгцүүлэн эсвэл бие биенийхээ дээр болон доор харах боломжийг олгодог.
Давуу тал
- Түргэн CSS
- Та нэвтэрсэн байсан ч үл таних горимд хадгалах боломжтой.
- Өнцөг, өнгө, үргэлжлэх хугацаа гэх мэт янз бүрийн параметрүүдэд зориулсан Inline CSS утгыг урьдчилан харагч.
- Бүх зүйл XHR-д хийгдсэн тул хуудсыг хадгалах үед ч гэсэн хэзээ ч шинэчлэгдэхгүй.
- Гарын товчлолууд маш олон.
- Бүх код автоматаар форматлагдсан (тэмдэглэгээнээс бусад).
- Эхнээсээ хатуу баримт бичиг.
Байг
- Интерфэйс нь эхэндээ бага зэрэг хэцүү байдаг ч та үүнд дасдаг.
- Төслийн түвшний удирдлагын функц байхгүй (хараахан).
Даблет интеграци
Аливаа платформ бусад үйлчилгээнүүдтэй нэгдэх шаардлагатай бөгөөд Dabblet нь үл хамаарах зүйл биш юм. Dabblet-ийн санал болгож буй интеграцчлалын зарим нь:
Google Analytics
Та өөрийн Google Analytics хяналтын кодыг Dabblet хуудсанд хялбархан нэмж болно. Энэ нь танд өөрийн Dabblet-ийн хуудасны үзэлт болон бусад статистик мэдээллийг хянах боломжийг олгоно.
Ubuntu
Dabblet-ийг Ubuntu-ийн загвар үүсгэхэд ашиглаж болно. Та шинэ Dabblet үүсгэж, CSS болон HTML код нэмж, сэдвийг вэб хөтөч дээр урьдчилан үзэх боломжтой.
ДижиталОcean
Нэг төрлийн үүлэн хостинг компани нь бизнесүүдэд үүлэн тооцооллын үйлчилгээг үзүүлж, үйл ажиллагаагаа илүү үр дүнтэй хөгжүүлэх боломжийг олгодог.
Даблет үүнийг юу хийдэг вэ?
Та одоо өөрийн Dabblets үүсгэх, удирдах, ашиглах боломжтой Digital Ocean Spaces.
Энэ нь танд кодын бүх хэсгийг нэг дор хадгалах боломжийг олгож, бусадтай хуваалцахад хялбар болгоно.
Dabblets-д зориулсан хувилбарууд
Альтернатив хувилбарууд үргэлж байдаг бөгөөд яг ижил утгаараа Dabblet-ийн талаар бодоход эндээс цөөн хэдэн зүйл байна:
Pastebin.com
Программистууд ихэвчлэн эх код эсвэл тохиргооны өгөгдлийн хэсгүүдийг хадгалахын тулд вэбсайтыг ашигладаг. Гэсэн хэдий ч, хэн ч заасан зайд ямар ч текст оруулах боломжтой.
JS Бин
JS Bin нь JavaScript-ийн үнэгүй туршилтын хэрэгсэл юм. Нэг самбарт Javascript, нөгөө хэсэгт HTML оруулсны дараа үр дүнг богино URL-аар дамжуулан хуваалцаж болно. Хамгийн түгээмэл хэрэглэгддэг JS номын сангаас сонгох боломжтой цэсийг ашиглана уу.
CssDeck
Энэ хэрэгсэл нь танд код бичих ажилд тань туслах бусад хүмүүстэй тестийн тохиолдлуудыг үүсгэх, солилцоход тохиромжтой. Төрөл бүрийн сонголтуудын тусламжтайгаар та бусад програмистуудтай шууд төслүүд дээр хамтран ажиллах боломжтой.
Плункер
Plunker бол вэб хөгжүүлэгчид оюун ухаанаа уралдуулах, хамтран ажиллах, санал бодлоо хуваалцах боломжтой дижитал платформ юм.
Жишээлбэл, та "Сайн уу, дэлхий!" гэж эхэлж болно. програмыг дурын хэл дээр суулгаж, кодын хэсэг, тэмдэглэгээ, дэлгэцийн агшинг нэмж сурах баялаг туршлага бий болгоно.
Эцсийн үг
Эцэст нь хэлэхэд, Dabblet бол вэб хөгжүүлэгчид, ялангуяа хурдан бөгөөд хялбар арга хайж байгаа хүмүүст хэрэгтэй хэрэгсэл юм тэдний кодыг туршиж үзээрэй.
Төрөл бүрийн онцлог, интеграцчилалтай тул энэ платформыг ашиглахыг олохгүй байх нь хэцүү байдаг.
Өнөөдөр туршаад үзээрэй!
хариу үлдээх