UI prototiplərini tez bir zamanda yaratmağınıza və paylaşmağınıza imkan verən veb tətbiqi və ya genişləndirmənin olmasını heç arzu edirsinizmi?
Hamımız edirik! Saytlarımızın və ya tətbiqlərimizin necə görünməsini və hiss etməsini istədiyimiz barədə hamımızın fikirləri var.
Deməli, siz həqiqətən əla dizayn yaratdınız və bunu necə etdiyinizi tam olaraq xatırlaya bilmirsiniz?
İndi siz onu paylaşmağın bir yolunu tapmalısınız. Olduqca mürəkkəb dizaynı paylaşmağa çalışırsınızsa, bu, günlər, hətta həftələr çəkə bilər.
Veb tətbiqinizin prototiplərini hazırlamaq üçün gözləmək üçün heç bir səbəb yoxdur. Onları indi Dabblet ilə yaradın.
Elementləri sürükləyin və buraxın, üslub edin və yadda saxlayın. Onu nəzərdən keçirmək üçün dizaynerə göndərin və ya sadəcə təqdimata köçürün. İmkanlar sonsuzdur.
Dabblet nədir?
Istifadə dabblet, real vaxt rejimində kiçik CSS və HTML kodu parçalarını sınaqdan keçirə bilərsiniz.
Bunu istifadə edərkən CSS kodunuzda heç bir prefiksə ehtiyacınız olmayacaq. GitHub əsasları sizə məzmununuzu saxlamağa, başqa saytlarda yerləşdirməyə və başqaları ilə paylaşmağa imkan verir.
Bu, kod parçalarını digər tərtibatçılarla bölüşmək və rəy almaq üçün əla yoldur.
Necə işləyir?
Kod yığılan kimi onun üzərində vizual çıxış dərhal görünür. JavaScript hər düyməni basdıqda onu işə salmağın qıcıqlandıracağını və hətta müəyyən hallarda brauzerin yararsız hala düşməsinə səbəb ola biləcəyini nəzərə alsaq, tək istisnadır.
JavaScript tab və ya klaviatura qısa yolundan (Ctrl + Enter və ya Cmd + Enter) "Run JS" seçimindən istifadə Dabblet işləyərkən JavaScript-i işlədəcək. Seçimlər menyusu bu üslubu dəyişməyə imkan verir.
Tərtibatçı kimi siz eyni vaxtda bu üç dildə kodlaşdırma və ya hazır məhsulu görmək arasında keçid edə bilərsiniz.
Xüsusiyyətləri
Dabblet-in bilməli olduğunuz xüsusiyyətləri aşağıdakılardır:
Sürətli CSS Redaktəsi: Siz CSS xassələrini tez əlavə edə, redaktə edə və silə bilərsiniz. Dəyişikliklər real vaxt rejimində səhifədə əks olunacaq.
Sintaksis vurğulanması: CSS və HTML kodunun sintaksisi vurğulanır ki, bu da onu oxumağı və başa düşməyi asanlaşdırır. Siz yazdığınız zaman kod da təsdiqlənəcək. İstəyirsinizsə, kod qutusunu gizlətməyi də seçə bilərsiniz.
Avtomatik tamamlama: Dabblet CSS xassələri və dəyərləri üçün avtomatik tamamlama təklif edir. Üslub cədvəlləri yaradarkən və ya redaktə edərkən bu çox faydalı ola bilər.
Əvvəlcədən qurulmuş CSS üslub cədvəlləri: Siz məşhur veb saytlardan əvvəlcədən qurulmuş CSS üslub cədvəllərinə daxil ola bilərsiniz. Bunlardan öz veb saytınıza üslubları tez və asanlıqla əlavə etmək üçün istifadə edilə bilər.
Əsas Dəstək: Dabblet GitHub Gists-i dəstəkləyir və kod parçalarınızı asanlıqla başqaları ilə saxlamağa və paylaşmağa imkan verir.
Canlı Ön İzləmə: Səhifəni yenidən yükləmədən real vaxt rejimində kod dəyişikliklərinizin nəticələrini görə bilərsiniz. Məsələn, mətnin rəngini dəyişdirsəniz, yazdığınız zaman dəyişikliyin mətndə əks olunduğunu görəcəksiniz.
Klaviatura qısa yolları: Dabblet yeni üslub qaydası əlavə etmək və ya şərh etmək kimi ümumi tapşırıqlar üçün klaviatura qısa yollarına malikdir.
Çoxsaylı Baxış Modu: Dabblet sizə kodu və nəticələri yan-yana və ya bir-birinin üstündə və altında görməyə imkan verən çoxsaylı baxış rejimi təklif edir.
Pros
- Sürətli CSS
- Daxil olsanız belə, hələ də gizli rejimdə saxlaya bilərsiniz.
- Bucaqlar, rənglər, müddət və s. kimi müxtəlif parametrlər üçün daxili CSS dəyər önizləyiciləri.
- Hər şey XHR-ed, belə ki, səhifə heç vaxt təzələnmir, hətta siz yadda saxlasanız belə.
- Çoxlu klaviatura qısa yolları.
- Bütün kodlar avtomatik formatlaşdırılır (markdown istisna olmaqla).
- Başlanğıcdan möhkəm sənədlər.
Eksiler
- İnterfeys ilk baxışda bir az çətin olsa da, alışırsan.
- Layihə səviyyəsində idarəetmə funksiyaları yoxdur (hələ).
Dabblet İnteqrasiyaları
İstənilən platforma digər xidmətlərlə inteqrasiya etməlidir və Dabblet də istisna deyil. Dabblet-in təklif etdiyi inteqrasiyalardan bəziləri aşağıdakılardır:
Google Analytics
Google Analytics izləmə kodunuzu asanlıqla Dabblet səhifələrinə əlavə edə bilərsiniz. Bu, Dabbletiniz üçün səhifə baxışlarını və digər statistik məlumatları izləməyə imkan verəcək.
Ubuntu
Dabblet Ubuntu mövzularını yaratmaq üçün istifadə edilə bilər. Siz yeni Dabblet yarada, CSS və HTML kodu əlavə edə və veb brauzerdə mövzuya baxa bilərsiniz.
DigitalOcean
Bir növ bulud hostinq şirkəti bizneslərə bulud hesablama xidmətləri təqdim edərək, onların əməliyyatlarını daha səmərəli şəkildə inkişaf etdirməyə imkan verir.
Dabblet bununla nə edir?
İndi Dabbletlərinizi yarada, idarə edə və yerləşdirə bilərsiniz Rəqəmsal Okean Məkanları.
Bu, bütün kod parçalarınızı bir yerdə saxlamağa imkan verir və onları başqaları ilə paylaşmağı asanlaşdırır.
Dabblets üçün Alternativlər
Alternativlər həmişə mövcuddur və eyni şəkildə, Dabblet haqqında düşünmək üçün bir neçəsini təqdim edirik:
pastebin.com
Proqramçılar ümumiyyətlə mənbə kodunu və ya konfiqurasiya məlumat fraqmentlərini saxlamaq üçün vebsaytdan istifadə edirlər. Bununla belə, hər kəs verilən boş yerə istənilən mətni yerləşdirə bilər.
JS Bin
JS Bin JavaScript üçün pulsuz sınaq vasitəsidir. Javascript bir panelə, HTML isə digər panelə daxil edildikdən sonra nəticə qısa URL vasitəsilə paylaşıla bilər. Ən çox istifadə olunan JS kitabxanalarından bəzilərini seçmək imkanı verən menyudan istifadə edin.
CssDeck
Bu alət kodlaşdırma işlərinizdə sizə kömək edə biləcək başqaları ilə test işlərinin yaradılması və mübadiləsi üçün əladır. Müxtəlif seçimlərlə siz hətta digər proqramçılarla anında layihələrdə əməkdaşlıq edə bilərsiniz.
Plunker
Plunker veb tərtibatçılarının beyin fırtınası apara, əməkdaşlıq edə və fikirlərini paylaşa biləcəyi rəqəmsal platformadır.
Məsələn, “Salam, dünya!” ilə başlaya bilərsiniz. İstənilən dildə proqram edin və zəngin öyrənmə təcrübəsi yaratmaq üçün kod parçaları, işarələmələr və skrinşotlar əlavə edin.
Son söz
Nəticə olaraq, Dabblet veb tərtibatçıları, xüsusən də tez və asanlıqla yollar axtaranlar üçün faydalı bir vasitədir onların kodunu sınayın.
Müxtəlif xüsusiyyətləri və inteqrasiyaları ilə bu platforma üçün istifadə tapmaq çətindir.
Bu gün cəhd edin!
Cavab yaz