Ydych chi byth yn dymuno bod ap gwe neu estyniad sy'n caniatáu ichi greu a rhannu prototeipiau UI ar y hedfan?
Rydyn ni i gyd yn gwneud! Mae gan bob un ohonom syniadau am sut rydym am i'n gwefannau neu apiau edrych a theimlo.
Felly, fe wnaethoch chi feddwl am ddyluniad gwirioneddol wych ac ni allwch gofio'n union sut y gwnaethoch chi ef?
Nawr mae'n rhaid i chi ddod o hyd i ffordd i'w rannu. Gall hyn gymryd dyddiau, hyd yn oed wythnosau, os ydych chi'n ceisio rhannu dyluniad eithaf cymhleth.
Nid oes unrhyw reswm i aros i wneud eich prototeipiau app gwe. Creu nhw nawr gyda Dabblet.
Llusgwch a gollwng elfennau, arddull, a'i gadw. Anfonwch ef at ddylunydd i'w adolygu neu ei gopïo i mewn i gyflwyniad. Mae'r posibiliadau'n ddiddiwedd.
Beth yw Dabblet?
Defnyddio dablot, gallwch arbrofi gyda phytiau bach o CSS a chod HTML mewn amser real.
Ni fydd angen unrhyw rhagddodiaid yn eich cod CSS wrth ddefnyddio hwn. Mae gist GitHub yn caniatáu ichi storio'ch cynnwys, ei bostio ar wefannau eraill, a'i rannu ag eraill.
Mae hon yn ffordd wych o rannu pytiau cod gyda datblygwyr eraill a chael adborth.
Sut Mae'n Gweithredu?
Cyn gynted ag y bydd y cod wedi'i deipio, mae'r allbwn gweledol i'w weld yn syth ar ei ben. Javascript yw'r eithriad unigol, gan ystyried y byddai'n gythruddo ei redeg ar bob trawiad bysell a gallai hyd yn oed achosi i'r porwr ddod yn annefnyddiadwy mewn rhai sefyllfaoedd.
Bydd defnyddio'r opsiwn “Run JS” yn y tab JavaScript neu'r llwybr byr bysellfwrdd (Ctrl + Enter neu Cmd + Enter) yn rhedeg JavaScript pan fydd Dabblet yn rhedeg. Mae'r ddewislen opsiynau yn caniatáu ichi newid yr arddull hon.
Fel datblygwr, gallwch newid rhwng codio yn y tair iaith hyn ar yr un pryd neu weld y cynnyrch gorffenedig.
Nodweddion
Yn dilyn mae nodweddion Dabblet y dylech chi wybod amdanynt:
Golygu CSS Cyflym: Gallwch chi ychwanegu, golygu a dileu priodweddau CSS yn gyflym. Bydd newidiadau yn cael eu hadlewyrchu ar y dudalen mewn amser real.
Amlygu Cystrawen: Mae cod CSS a HTML wedi'u hamlygu mewn cystrawen, gan ei gwneud hi'n hawdd ei darllen a'i deall. Bydd y cod hefyd yn cael ei ddilysu wrth i chi deipio. Gallwch hefyd ddewis cuddio'r blwch cod os yw'n well gennych.
Cwblhau'n awtomatig: Mae Dabblet yn cynnig cwblhad awtomatig ar gyfer priodweddau a gwerthoedd CSS. Gall hyn fod yn ddefnyddiol iawn pan fyddwch chi'n creu neu'n golygu dalennau arddull.
Dalennau Arddull CSS Cyn-Adeiledig: Gallwch gyrchu dalennau arddull CSS a adeiladwyd ymlaen llaw o wefannau poblogaidd. Gellir defnyddio'r rhain i ychwanegu arddulliau i'ch gwefan eich hun yn gyflym ac yn hawdd.
Cefnogaeth Gist: Mae Dabblet yn cefnogi GitHub Gists, sy'n eich galluogi i storio a rhannu eich pytiau cod ag eraill yn hawdd.
Rhagolwg Byw: Gallwch weld canlyniadau eich newidiadau cod mewn amser real heb ail-lwytho'r dudalen. Er enghraifft, os byddwch yn newid lliw testun, fe welwch y newid yn cael ei adlewyrchu ar y testun wrth i chi deipio.
Llwybrau Byr Allweddell: Mae gan Dabblet lwybrau byr bysellfwrdd ar gyfer tasgau cyffredin, fel ychwanegu rheol arddull newydd neu wneud sylwadau.
Moddau Gweld Lluosog: Mae Dabblet yn cynnig moddau gweld lluosog, sy'n eich galluogi i weld y cod a'r canlyniadau ochr yn ochr neu uwchben ac o dan ei gilydd.
Pros
- CSS cyflym
- Hyd yn oed os ydych wedi mewngofnodi, gallwch gadw anhysbys o hyd.
- Mae CSS mewnol yn rhagweld gwerth ar gyfer paramedrau amrywiol fel onglau, lliwiau, hyd, ac ati.
- Mae popeth yn XHR-ed, felly nid yw'r dudalen byth yn adnewyddu, hyd yn oed pan fyddwch yn cadw.
- Llawer o lwybrau byr bysellfwrdd.
- Mae'r holl god wedi'i fformatio'n awtomatig (ac eithrio marcio i lawr).
- Dogfennaeth solet o'r cychwyn.
anfanteision
- Mae'r rhyngwyneb ychydig yn llethol ar y dechrau, ond rydych chi'n dod i arfer ag ef.
- Dim nodweddion rheoli lefel prosiect (eto).
Integreiddiadau Dabblet
Mae angen i unrhyw lwyfan integreiddio â gwasanaethau eraill, ac nid yw Dabblet yn eithriad. Mae'r canlynol yn rhai o'r integreiddiadau y mae Dabblet yn eu cynnig:
Google Analytics
Gallwch chi ychwanegu'ch cod olrhain Google Analytics yn hawdd at dudalennau Dabblet. Bydd hyn yn eich galluogi i olrhain golygfeydd tudalennau ac ystadegau eraill ar gyfer eich Dabblet.
Ubuntu
Gellir defnyddio Dabblet i greu themâu Ubuntu. Gallwch greu Dabblet newydd, ychwanegu cod CSS a HTML, a rhagolwg o'r thema mewn porwr gwe.
Ocean digidol
Mae cwmni cynnal cwmwl un-o-fath yn darparu gwasanaethau cyfrifiadura cwmwl i fusnesau, gan ganiatáu iddynt dyfu eu gweithrediadau yn fwy effeithlon.
Beth mae Dabblet yn ei wneud ag ef?
Nawr gallwch chi greu, rheoli a defnyddio'ch Dabblets ymlaen Gofodau Cefnfor Digidol.
Mae hyn yn caniatáu ichi gadw'ch holl bytiau cod mewn un lle ac yn ei gwneud hi'n hawdd eu rhannu ag eraill.
Dewisiadau Amgen Ar Gyfer Dabblets
Mae dewisiadau eraill bob amser yn bresennol, ac yn yr un modd, dyma rai i rywun fyfyrio arnynt pan ddaw i Dabblet:
Pastebin.com
Yn gyffredinol, mae rhaglenwyr yn defnyddio'r wefan i arbed cod ffynhonnell neu ddarnau o ddata ffurfweddu. Fodd bynnag, gall unrhyw un roi unrhyw destun yn y gofod a ddarperir.
JS Bin
Offeryn profi am ddim ar gyfer JavaScript yw JS Bin. Gellir rhannu'r canlyniad trwy URL byr unwaith y bydd Javascript wedi'i fewnbynnu mewn un cwarel a HTML yn y llall. Defnyddiwch ddewislen sy'n caniatáu ichi ddewis o rai o'r llyfrgelloedd JS a ddefnyddir amlaf.
CssDeck
Mae'r offeryn hwn yn wych ar gyfer creu a chyfnewid achosion prawf ag eraill a all eich helpu yn eich ymdrechion codio. Gydag opsiynau amrywiol, gallwch hyd yn oed gydweithio ar brosiectau ar unwaith gyda rhaglenwyr eraill.
Plymiwr
Mae Plunker yn blatfform digidol lle gall datblygwyr gwe drafod syniadau, cydweithio a rhannu eu meddyliau.
Er enghraifft, gallwch chi ddechrau gyda “Helo, byd!” rhaglennu mewn unrhyw iaith ac ychwanegu pytiau cod, marciau i lawr, a sgrinluniau i greu profiad dysgu cyfoethog.
Final Word
I gloi, mae Dabblet yn offeryn defnyddiol ar gyfer datblygwyr gwe, yn enwedig y rhai sy'n chwilio am ffyrdd i wneud hynny'n gyflym ac yn hawdd profi eu cod.
Gyda'i amrywiol nodweddion ac integreiddiadau, mae'n anodd peidio â dod o hyd i ddefnydd ar gyfer y platfform hwn.
Rhowch gynnig arni heddiw!
Gadael ymateb