Qatt xtaq li jkun hemm web app jew estensjoni li tħallik toħloq u taqsam prototipi tal-IU fuq il-fly?
Aħna lkoll nagħmlu! Ilkoll għandna ideat ta’ kif irridu li jidhru u jħossuhom is-siti jew l-apps tagħna.
Allura, ħriġt b'disinn tassew kbir u ma tistax tiftakar eżatt kif għamilt?
Issa trid issib mod kif taqsamha. Dan jista 'jieħu ġranet, anke ġimgħat, jekk qed tipprova taqsam disinn pjuttost kumpless.
M'hemm l-ebda raġuni biex tistenna biex tagħmel il-prototipi tal-web app tiegħek. Oħloqhom issa ma 'Dabblet.
Iddreggja u waqqa' elementi, stil, u ssejvjah. Ibgħatha lil disinjatur għal reviżjoni jew sempliċement tikkopjaha fi preżentazzjoni. Il-possibbiltajiet huma bla tmiem.
X'inhu Dabblet?
Bl-użu dabblet, tista' tesperimenta bi ftit siltiet ta' kodiċi CSS u HTML f'ħin reali.
M'għandekx bżonn l-ebda prefiss fil-kodiċi CSS tiegħek meta tuża dan. GitHub gists jippermettulek taħżen il-kontenut tiegħek, tpoġġih fuq siti oħra, u taqsamha ma 'oħrajn.
Dan huwa mod tajjeb ħafna biex taqsam snippets tal-kodiċi ma' żviluppaturi oħra u tikseb feedback.
Kif Topera?
Hekk kif il-kodiċi jiġi ttajpjat, l-output viżwali huwa istantanjament viżibbli fuqu. JavaScript hija l-eżenzjoni waħedha, meta wieħed iqis li jkun irritanti li titħaddem fuq kull keystroke u tista 'saħansitra tikkawża li l-browser ma jkunx jista' jintuża f'ċerti sitwazzjonijiet.
L-użu tal-għażla "Run JS" fit-tab JavaScript jew ix-shortcut tat-tastiera (Ctrl + Enter jew Cmd + Enter) se jħaddem JavaScript meta Dabblet jaħdem. Il-menu tal-għażliet jippermettilek li tbiddel dan l-istil.
Bħala żviluppatur, tista' taqleb bejn il-kodifikazzjoni fit-tliet lingwi fl-istess ħin jew li tara l-prodott lest.
Karatteristiċi
Dawn li ġejjin huma l-karatteristiċi ta 'Dabblet li għandek tkun taf dwarhom:
Editjar CSS malajr: Tista 'malajr iżżid, teditja u tneħħi proprjetajiet CSS. Il-bidliet se jkunu riflessi fuq il-paġna f'ħin reali.
Enfasi tas-Sintassi: CSS u kodiċi HTML huma enfasizzati sintassi, li jagħmilha faċli biex jinqraw u jinftiehmu. Il-kodiċi se jiġi vvalidat ukoll hekk kif ittajpja. Tista 'wkoll tagħżel li taħbi l-kaxxa tal-kodiċi jekk tippreferi.
Imla Awtomatikament: Dabblet joffri awto-kompletazzjoni għal proprjetajiet u valuri CSS. Dan jista’ jkun ta’ għajnuna kbira meta tkun qed toħloq jew teditja stili.
Stili CSS Mibnija minn qabel: Tista' taċċessa stili CSS mibnija minn qabel minn websajts popolari. Dawn jistgħu jintużaw biex malajr u faċilment iżidu stili mal-websajt tiegħek stess.
Appoġġ Gist: Dabblet jappoġġja GitHub Gists, li jippermettilek taħżen u taqsam is-snippets tal-kodiċi tiegħek ma 'oħrajn faċilment.
Preview Live Tista' tara r-riżultati tal-bidliet fil-kodiċi tiegħek f'ħin reali mingħajr ma terġa' tgħabbi l-paġna. Pereżempju, jekk tibdel il-kulur ta' test, tara l-bidla riflessa fuq it-test waqt li ttajpja.
Shortcuts tat-tastiera: Dabblet għandu shortcuts tat-tastiera għal ħidmiet komuni, bħaż-żieda ta’ regola ta’ stil ġdida jew il-kumment.
Modi ta' View Multipli: Dabblet joffri modi multipli tal-vista, li jippermettilek tara l-kodiċi u r-riżultati ħdejn xulxin jew fuq u taħt xulxin.
Prosperità
- CSS malajr
- Anke jekk tkun iffirmat, xorta tista' tissejvja incognito.
- Previewers tal-valur CSS inline għal diversi parametri bħal angoli, kuluri, tul, eċċ.
- Kollox huwa XHR-ed, għalhekk il-paġna qatt ma tiġġedded, lanqas meta tiffranka.
- Shortcuts tat-tastiera galore.
- Il-kodiċi kollu huwa fformattjat awtomatikament (ħlief għall-markdown).
- Dokumentazzjoni solida mill-bidu.
cons
- L-interface hija xi ftit kbira għall-ewwel, iżda tidra.
- Ebda karatteristiċi ta' ġestjoni fil-livell tal-proġett (għadha).
Integrazzjonijiet Dabblet
Kwalunkwe pjattaforma trid tintegra ma 'servizzi oħra, u Dabblet mhijiex eċċezzjoni. Dawn li ġejjin huma wħud mill-integrazzjonijiet li joffri Dabblet:
Google Analytics
Tista 'faċilment iżżid il-kodiċi ta' traċċar ta 'Google Analytics tiegħek mal-paġni Dabblet. Dan jippermettilek issegwi l-fehmiet tal-paġna u statistika oħra għad-Dabblet tiegħek.
Ubuntu
Dabblet jista 'jintuża biex jinħolqu temi Ubuntu. Tista 'toħloq Dabblet ġdid, żid kodiċi CSS u HTML, u tipprevedi t-tema f'web browser.
DigitalOcean
Kumpanija unika ta’ cloud hosting tipprovdi servizzi ta’ cloud computing lin-negozji, li jippermettulhom jikbru l-operazzjonijiet tagħhom b’mod aktar effiċjenti.
X'jagħmel Dabblet biha?
Issa tista 'toħloq, timmaniġġja u tuża Dabblets tiegħek fuq Spazji Diġitali Oċean.
Dan jippermettilek iżżomm is-snippets kollha tal-kodiċi tiegħek f'post wieħed u jagħmilha faċli biex taqsamhom ma' oħrajn.
Alternattivi Għal Dabblets
L-alternattivi huma dejjem preżenti, u fl-istess vena, hawn xi ftit biex wieħed jaħseb dwarhom meta niġu għal Dabblet:
Pastebin.com
Il-programmaturi ġeneralment jużaw il-websajt biex jiffrankaw il-kodiċi tas-sors jew il-frammenti tad-dejta tal-konfigurazzjoni. Madankollu, kulħadd jista' jpoġġi kwalunkwe test fl-ispazju provdut.
JS Bin
JS Bin hija għodda ta' ttestjar b'xejn għal JavaScript. Ir-riżultat jista' jinqasam permezz ta' URL qasir ladarba l-Javascript ikun iddaħħal f'pannell wieħed u l-HTML fl-ieħor. Agħmel użu minn menu li jippermettilek tagħżel minn uħud mill-libreriji JS l-aktar użati komunement.
CssDeck
Din l-għodda hija kbira għall-ħolqien u l-iskambju ta 'każijiet tat-test ma' oħrajn li jistgħu jgħinuk fl-isforzi ta 'kodifikazzjoni tiegħek. B'diversi għażliet, tista 'saħansitra tikkollabora fuq proġetti istantanjament ma' programmaturi oħra.
Plunker
Plunker hija pjattaforma diġitali fejn l-iżviluppaturi tal-web jistgħu jagħmlu brainstorming, jikkollaboraw, u jaqsmu l-ħsibijiet tagħhom.
Pereżempju, tista’ tibda b’“Hello, world!” programm fi kwalunkwe lingwa u żid siltiet ta’ kodiċi, markdowns, u screenshots biex toħloq esperjenza ta’ tagħlim rikka.
Kelma Finali
Bħala konklużjoni, Dabblet hija għodda utli għall-iżviluppaturi tal-web, speċjalment dawk li qed ifittxu modi biex malajr u faċilment ittestja l-kodiċi tagħhom.
Bil-karatteristiċi u l-integrazzjonijiet varji tagħha, huwa diffiċli li ma ssibx użu għal din il-pjattaforma.
Ipprova llum!
Ħalli Irrispondi