UI prototiplarini tezda yaratish va almashish imkonini beradigan veb-ilova yoki kengaytma bo'lishini xohlaysizmi?
Biz hammamiz qilamiz! Bizning saytlarimiz yoki ilovalarimiz qanday ko'rinishini va qanday ko'rinishini xohlashimiz haqida hammamizning fikrlarimiz bor.
Shunday qilib, siz haqiqatan ham ajoyib dizaynni o'ylab topdingiz va buni qanday qilganingizni eslay olmaysizmi?
Endi siz uni baham ko'rish yo'lini topishingiz kerak. Agar siz juda murakkab dizaynni baham ko'rmoqchi bo'lsangiz, bu kunlar, hatto haftalar olishi mumkin.
Veb-ilovangiz prototiplarini yaratishni kutish uchun hech qanday sabab yo'q. Ularni hozir Dabblet bilan yarating.
Elementlarni sudrab olib tashlang, uslublang va saqlang. Uni ko'rib chiqish uchun dizaynerga yuboring yoki shunchaki taqdimotga ko'chiring. Imkoniyatlar cheksizdir.
Dabblet nima?
foydalanish dabbl, siz real vaqtda CSS va HTML kodining kichik qismlari bilan tajriba o'tkazishingiz mumkin.
Buni ishlatganda CSS kodingizda hech qanday prefiks kerak bo'lmaydi. GitHub g'oyalari kontentingizni saqlash, uni boshqa saytlarga joylashtirish va boshqalar bilan baham ko'rish imkonini beradi.
Bu kod parchalarini boshqa ishlab chiquvchilar bilan almashish va fikr-mulohaza olishning ajoyib usuli.
U qanday ishlaydi?
Kod kiritilishi bilanoq, vizual chiqish darhol uning ustida ko'rinadi. JavaScript Bu yagona istisno bo'lib, uni har bir bosishda ishga tushirish asabiylashishi va hatto ba'zi holatlarda brauzerni yaroqsiz holga keltirishi mumkin.
JavaScript yorlig'idagi "JSni ishga tushirish" opsiyasi yoki klaviatura yorlig'i (Ctrl + Enter yoki Cmd + Enter) yordamida Dabblet ishga tushganda JavaScript ishlaydi. Variantlar menyusi ushbu uslubni o'zgartirishga imkon beradi.
Dasturchi sifatida siz bir vaqtning o'zida ushbu uchta tilda kodlash yoki tayyor mahsulotni ko'rish o'rtasida almashishingiz mumkin.
Xususiyatlari
Quyida siz bilishingiz kerak bo'lgan Dabblet xususiyatlari keltirilgan:
Tez CSS tahrirlash: Siz CSS xususiyatlarini tezda qo'shishingiz, tahrirlashingiz va o'chirishingiz mumkin. O'zgarishlar real vaqt rejimida sahifada aks ettiriladi.
Sintaksisni ajratib ko'rsatish: CSS va HTML kodi sintaksisi ta'kidlangan bo'lib, uni o'qish va tushunishni osonlashtiradi. Siz kiritganingizda kod ham tasdiqlanadi. Agar xohlasangiz, kod maydonini yashirishni ham tanlashingiz mumkin.
Avtomatik toʻldirish: Dabblet CSS xususiyatlari va qiymatlari uchun avtomatik to'ldirishni taklif qiladi. Uslublar jadvallarini yaratish yoki tahrirlashda bu juda foydali bo'lishi mumkin.
Oldindan yaratilgan CSS uslublar jadvallari: Siz mashhur veb-saytlardan oldindan tuzilgan CSS uslublar jadvallariga kirishingiz mumkin. Ulardan o'z veb-saytingizga uslublarni tez va oson qo'shish uchun foydalanish mumkin.
Asosiy yordam: Dabblet GitHub Gists-ni qo'llab-quvvatlaydi, bu sizga kod parchalarini osongina saqlash va boshqalar bilan baham ko'rish imkonini beradi.
Jonli oldindan ko'rish: Sahifani qayta yuklamasdan real vaqt rejimida kodingiz oʻzgarishi natijalarini koʻrishingiz mumkin. Misol uchun, agar siz matn rangini o'zgartirsangiz, siz yozayotganda matnda aks ettirilgan o'zgarishlarni ko'rasiz.
Klaviatura yorliqlari: Dabblet-da yangi uslub qoidasini qo'shish yoki sharhlash kabi umumiy vazifalar uchun klaviatura yorliqlari mavjud.
Ko'p ko'rish rejimlari: Dabblet bir nechta ko'rish rejimlarini taklif qiladi, bu sizga kod va natijalarni yonma-yon yoki bir-birining tepasida va ostida ko'rish imkonini beradi.
Taroziga
- Tezkor CSS
- Tizimga kirgan boʻlsangiz ham, inkognito rejimida saqlashingiz mumkin.
- Burchaklar, ranglar, davomiylik va boshqalar kabi turli parametrlar uchun Inline CSS qiymatini oldindan ko'rib chiquvchilar.
- Hammasi XHR-ed, shuning uchun sahifa hech qachon yangilanmaydi, hatto siz saqlaganingizda ham.
- Klaviatura yorliqlari ko'p.
- Barcha kod avtomatik formatlangan (markdowndan tashqari).
- Boshidanoq mustahkam hujjatlar.
Kamchiliklari
- Interfeys boshida biroz qiyin bo'ladi, lekin siz ko'nikasiz.
- Loyiha darajasidagi boshqaruv funksiyalari yo'q (hali).
Dabblet integratsiyasi
Har qanday platforma boshqa xizmatlar bilan integratsiyalashishi kerak va Dabblet bundan mustasno emas. Quyida Dabblet taklif qiladigan integratsiyalardan ba'zilari keltirilgan:
Google Analytics
Google Analytics kuzatuv kodingizni Dabblet sahifalariga osongina qo'shishingiz mumkin. Bu sizga Dabbletingiz uchun sahifa ko'rinishlari va boshqa statistik ma'lumotlarni kuzatish imkonini beradi.
Ubuntu
Dabblet Ubuntu mavzularini yaratish uchun ishlatilishi mumkin. Siz yangi Dabblet yaratishingiz, CSS va HTML kodini qo'shishingiz va veb-brauzerda mavzuni oldindan ko'rishingiz mumkin.
DigitalOcean
Yagona bulutli xosting kompaniyasi korxonalarga bulutli hisoblash xizmatlarini taqdim etib, ularning faoliyatini yanada samarali rivojlantirish imkonini beradi.
Dabblet u bilan nima qiladi?
Endi siz Dabbletlaringizni yaratishingiz, boshqarishingiz va oʻrnatishingiz mumkin Raqamli okean fazolari.
Bu sizga barcha kod parchalarini bir joyda saqlash imkonini beradi va ularni boshqalar bilan baham ko'rishni osonlashtiradi.
Dabblets uchun muqobillar
Alternativlar har doim mavjud va xuddi shu tarzda, Dabblet haqida o'ylash uchun bir nechtasi:
Pastebin.com
Dasturchilar odatda veb-saytdan manba kodini yoki konfiguratsiya ma'lumotlarini saqlash uchun foydalanadilar. Biroq, har kim belgilangan bo'sh joyga istalgan matnni qo'yishi mumkin.
JS Bin
JS Bin JavaScript-ni bepul sinovdan o'tkazish vositasidir. Natija bir panelga Javascript, ikkinchisiga HTML kiritilgandan so'ng qisqa URL orqali baham ko'rilishi mumkin. Eng ko'p ishlatiladigan JS kutubxonalaridan birini tanlash imkonini beruvchi menyudan foydalaning.
CssDeck
Ushbu vosita sizga kodlash bo'yicha ishlaringizda yordam beradigan boshqalar bilan test holatlarini yaratish va almashish uchun juda yaxshi. Turli xil variantlar bilan siz hatto boshqa dasturchilar bilan bir zumda loyihalarda hamkorlik qilishingiz mumkin.
Plunker
Plunker - bu raqamli platforma bo'lib, unda veb-ishlab chiquvchilar aqliy hujum qilishlari, hamkorlik qilishlari va o'z fikrlarini baham ko'rishlari mumkin.
Masalan, siz "Salom, dunyo!" Deb boshlashingiz mumkin. dasturni istalgan tilda ishlating va boy o'rganish tajribasini yaratish uchun kod parchalari, belgilar va skrinshotlarni qo'shing.
Yakuniy so'z
Xulosa qilib aytadigan bo'lsak, Dabblet veb-ishlab chiquvchilar uchun, ayniqsa tez va oson yo'llarni qidirayotganlar uchun foydali vositadir ularning kodini sinab ko'ring.
Uning turli xil xususiyatlari va integratsiyalari bilan ushbu platformadan foydalanishni topa olmaslik qiyin.
Bugun sinab ko'ring!
Leave a Reply