Vilt þú einhvern tíma að það væri vefforrit eða viðbót sem gerir þér kleift að búa til og deila UI frumgerðum á flugi?
Við gerum það öll! Við höfum öll hugmyndir um hvernig við viljum að vefsvæði okkar eða öpp líti út og líði.
Svo, þú komst með virkilega frábæra hönnun og man ekki alveg hvernig þú gerðir það?
Nú verður þú að finna leið til að deila því. Þetta getur tekið daga, jafnvel vikur, ef þú ert að reyna að deila frekar flókinni hönnun.
Það er engin ástæða til að bíða með að búa til frumgerðir vefforrita. Búðu til þau núna með Dabblet.
Dragðu og slepptu þætti, stílaðu og vistaðu það. Sendu það til hönnuðar til skoðunar eða einfaldlega afritaðu það í kynningu. Möguleikarnir eru endalausir.
Hvað er Dabblet?
Notkun dúlla, þú gætir gert tilraunir með litla búta af CSS og HTML kóða í rauntíma.
Þú þarft engin forskeyti í CSS kóðanum þínum þegar þú notar þetta. GitHub meginatriði leyfa þér að geyma efnið þitt, birta það á öðrum síðum og deila því með öðrum.
Þetta er frábær leið til að deila kóðabútum með öðrum forriturum og fá endurgjöf.
Hvernig virkar það?
Um leið og kóðinn er sleginn inn er sjónræn framleiðsla samstundis sýnileg ofan á hann. JavaScript er eina undanþágan, miðað við að það væri pirrandi að keyra hann á hverjum takkaáslætti og gæti jafnvel valdið því að vafrinn verði ónothæfur við ákveðnar aðstæður.
Með því að nota „Run JS“ valmöguleikann á JavaScript flipanum eða flýtilykla (Ctrl + Enter eða Cmd + Enter) mun JavaScript keyra þegar Dabblet keyrir. Valkostavalmyndin gerir þér kleift að breyta þessum stíl.
Sem verktaki geturðu skipt á milli þess að kóða á öllum þremur tungumálunum samtímis eða að sjá fullunna vöru.
Aðstaða
Eftirfarandi eru eiginleikar Dabblet sem þú ættir að vita um:
Fljótleg CSS breyting: Þú getur fljótt bætt við, breytt og fjarlægt CSS eiginleika. Breytingar munu endurspeglast á síðunni í rauntíma.
Merking setningafræði: CSS og HTML kóða eru auðkennd, sem gerir það auðvelt að lesa og skilja. Kóðinn verður einnig staðfestur þegar þú slærð inn. Þú getur líka valið að fela kóðakassann ef þú vilt.
Sjálfvirk útfylling: Dabblet býður upp á sjálfvirka útfyllingu fyrir CSS eiginleika og gildi. Þetta getur verið mjög gagnlegt þegar þú ert að búa til eða breyta stílblöðum.
Forsmíðuð CSS stílblöð: Þú getur fengið aðgang að forsmíðuðum CSS stílblöðum frá vinsælum vefsíðum. Þetta er hægt að nota til að fljótt og auðveldlega bæta stílum við þína eigin vefsíðu.
Gist stuðningur: Dabblet styður GitHub Gists, sem gerir þér kleift að geyma og deila kóðabútunum þínum með öðrum auðveldlega.
Live Preview: Þú getur séð niðurstöður kóðabreytinga þinna í rauntíma án þess að endurhlaða síðuna. Til dæmis, ef þú breytir um lit á texta, muntu sjá breytinguna endurspeglast á textanum þegar þú skrifar.
Flýtilyklar: Dabblet er með flýtilykla fyrir algeng verkefni, eins og að bæta við nýrri stílreglu eða gera athugasemdir.
Margfeldi útsýnisstillingar: Dabblet býður upp á marga útsýnishami, sem gerir þér kleift að sjá kóðann og niðurstöðurnar hlið við hlið eða fyrir ofan og neðan hvert annað.
Kostir
- Fljótur CSS
- Jafnvel þó þú sért skráð(ur) inn gætirðu samt vistað huliðsstillingu.
- Innbyggða CSS gildi forsýning fyrir ýmsar færibreytur eins og horn, liti, lengd osfrv.
- Allt er XHR-ed, svo síðan endurnýjast aldrei, ekki einu sinni þegar þú vistar.
- Flýtivísar í miklu magni.
- Allur kóðinn er sjálfvirkt sniðinn (nema markdown).
- Traust skjöl frá upphafi.
Gallar
- Viðmótið er svolítið yfirþyrmandi í fyrstu, en þú venst því.
- Engir verkefnastjórnunareiginleikar (ennþá).
Dabblet samþættingar
Hvaða vettvangur sem er þarf að samþættast við aðra þjónustu og Dabblet er engin undantekning. Eftirfarandi eru nokkrar af samþættingunum sem Dabblet býður upp á:
Google Analytics
Þú getur auðveldlega bætt Google Analytics rakningarkóðanum þínum við Dabblet síður. Þetta gerir þér kleift að fylgjast með síðuflettingum og annarri tölfræði fyrir Dabblet þinn.
ubuntu
Hægt er að nota Dabblet til að búa til Ubuntu þemu. Þú getur búið til nýjan Dabblet, bætt við CSS og HTML kóða og forskoðað þemað í vafra.
DigitalOcean
Einstakt skýhýsingarfyrirtæki veitir fyrirtækjum skýjatölvuþjónustu, sem gerir þeim kleift að auka starfsemi sína á skilvirkari hátt.
Hvað gerir Dabblet við það?
Þú getur nú búið til, stjórnað og dreift Dabblets þínum á DigitalOcean Spaces.
Þetta gerir þér kleift að halda öllum kóðabútunum þínum á einum stað og auðveldar þér að deila þeim með öðrum.
Val fyrir Dabblets
Valkostir eru alltaf til staðar og að sama skapi eru hér nokkrir fyrir einn til að velta fyrir sér þegar kemur að Dabblet:
pastebin.com
Forritarar nota almennt vefsíðuna til að vista frumkóða eða búta af stillingargögnum. Hins vegar getur hver sem er sett hvaða texta sem er í rýmið sem tilgreint er.
JS Bin
JS Bin er ókeypis prófunartæki fyrir JavaScript. Niðurstöðunni má deila í gegnum stutta vefslóð þegar Javascript hefur verið slegið inn í annan gluggann og HTML í hinn. Notaðu valmynd sem gerir þér kleift að velja úr sumum af algengustu JS bókasöfnunum.
CssDeck
Þetta tól er frábært til að búa til og skiptast á próftilvikum við aðra sem geta hjálpað þér í kóðunarviðleitni þinni. Með ýmsum valkostum gætirðu jafnvel unnið að verkefnum samstundis með öðrum forriturum.
Stimpill
Plunker er stafrænn vettvangur þar sem vefhönnuðir geta hugsað, unnið saman og deilt hugsunum sínum.
Til dæmis geturðu byrjað á "Halló, heimur!" forritaðu á hvaða tungumáli sem er og bættu við kóðabútum, niðurfærslum og skjámyndum til að skapa ríka námsupplifun.
Final Word
Að lokum er Dabblet gagnlegt tól fyrir vefhönnuði, sérstaklega þá sem eru að leita að leiðum til að fljótt og auðveldlega prófa kóðann þeirra.
Með ýmsum eiginleikum og samþættingum er erfitt að finna ekki not fyrir þennan vettvang.
Prófaðu það í dag!
Skildu eftir skilaboð