Èske w te janm swete te gen yon aplikasyon oswa ekstansyon entènèt ki te pèmèt ou kreye ak pataje pwototip UI sou vole?
Nou tout fè! Nou tout gen lide sou fason nou vle sit nou yo oswa aplikasyon nou yo gade ak santi.
Se konsa, ou te vini ak yon konsepsyon reyèlman gwo epi ou pa ka byen sonje egzakteman ki jan ou te fè li?
Koulye a, ou gen jwenn yon fason yo pataje li. Sa a ka pran jou, menm semèn, si w ap eseye pataje yon konsepsyon trè konplèks.
Pa gen okenn rezon pou tann pou fè pwototip aplikasyon entènèt ou an. Kreye yo kounye a ak Dabblet.
Trennen epi gout eleman, style, epi sove li. Voye li bay yon designer pou revize oswa tou senpleman kopye li nan yon prezantasyon. Posiblite yo alkole.
Ki sa ki Dabblet?
Lè l sèvi avèk dabblet, ou ka fè eksperyans ak ti bout nan kòd CSS ak HTML an tan reyèl.
Ou p ap bezwen okenn prefiks nan kòd CSS ou lè w ap itilize sa a. GitHub gists pèmèt ou estoke kontni ou, poste li sou lòt sit, epi pataje li ak lòt moun.
Sa a se yon bon fason yo pataje snippets kòd ak lòt devlopè epi jwenn fidbak.
Ki jan li fonksyone?
Le pli vit ke yo tape kòd la, pwodiksyon vizyèl la imedyatman vizib sou tèt li. JavaScript se egzanpsyon sèl la, lè nou konsidere li ta enèvan pou kouri li sou chak frap epi li ka menm lakòz navigatè a vin pa ka itilize nan sèten sitiyasyon.
Sèvi ak opsyon "Kouri JS" nan tab JavaScript oswa chemen kout klavye (Ctrl + Antre oswa Cmd + Antre) pral kouri JavaScript lè yon Dabblet kouri. Meni an opsyon pèmèt ou chanje style sa a.
Kòm yon pwomotè, ou ka chanje ant kodaj nan tout twa nan lang sa yo ansanm oswa wè pwodwi a fini.
karakteristik
Sa yo se karakteristik yo nan Dabblet ke ou ta dwe konnen sou:
Edit CSS rapid: Ou ka byen vit ajoute, modifye ak retire pwopriyete CSS. Chanjman yo pral reflete sou paj la an tan reyèl.
Sentaks en: Kòd CSS ak HTML yo mete aksan sou sentaks, sa ki fè li fasil pou li ak konprann. Kòd la pral valide tou pandan w ap tape. Ou ka chwazi tou kache bwat kòd la si ou prefere.
Ranpli oto: Dabblet ofri oto-ranpli pou pwopriyete ak valè CSS. Sa a ka trè itil lè w ap kreye oswa modifye stylesheets.
Fèy style CSS pre-bati: Ou ka jwenn aksè nan fèy style CSS pre-bati soti nan sit entènèt popilè. Sa yo ka itilize yo byen vit ak fasil ajoute estil nan pwòp sit entènèt ou.
Sipò esansyèl: Dabblet sipòte GitHub Gists, ki pèmèt ou estoke epi pataje fragments kòd ou a ak lòt moun fasil.
Preview Live: Ou ka wè rezilta chanjman kòd ou an an tan reyèl san w pa rechaje paj la. Pa egzanp, si w chanje koulè yon tèks, w ap wè chanjman an reflete sou tèks la pandan w ap tape.
Rakoursi klavye: Dabblet gen rakoursi klavye pou travay komen, tankou ajoute yon nouvo règ style oswa fè kòmantè.
Mòd View miltip: Dabblet ofri plizyè mòd gade, ki pèmèt ou wè kòd la ak rezilta yo kòt a kòt oswa pi wo ak anba youn ak lòt.
Pou
- CSS rapid
- Menmsi w konekte, ou ka toujou sove enkoyito.
- Inline CSS valè previewers pou divès paramèt tankou ang, koulè, dire, elatriye.
- Tout bagay se XHR-ed, kidonk paj la pa janm rafrechi, pa menm lè ou sove.
- Rakoursi klavye abondans.
- Tout kòd la oto-fòma (eksepte pou markdown).
- Dokiman solid soti nan get-go la.
Kont
- Koòdone a se yon ti kras akablan nan premye, men ou abitye ak li.
- Pa gen karakteristik jesyon nan nivo pwojè (ankò).
Entegrasyon Dabblet
Nenpòt platfòm bezwen entegre ak lòt sèvis, epi Dabblet pa gen okenn eksepsyon. Sa ki anba la yo se kèk nan entegrasyon yo ke Dabblet ofri:
Google Analytics
Ou ka fasilman ajoute kòd swiv Google Analytics ou a nan paj Dabblet. Sa a pral pèmèt ou swiv opinyon paj ak lòt estatistik pou Dabblet ou a.
Ubentu
Dabblet ka itilize pou kreye tèm Ubuntu. Ou ka kreye yon nouvo Dabblet, ajoute CSS ak HTML kòd, epi preview tèm nan nan yon navigatè entènèt.
DigitalOcean
Yon konpayi hosting yon sèl nan yon kalite bay sèvis cloud computing pou biznis, sa ki pèmèt yo devlope operasyon yo pi efikas.
Kisa Dabblet fè ak li?
Ou kapab kounye a kreye, jere ak deplwaye Dabblets ou yo Espas DigitalOcean.
Sa pèmèt ou kenbe tout fragments kòd ou yo nan yon sèl kote epi fè li fasil pou pataje yo ak lòt moun.
Altènatif pou Dabblets
Altènativ yo toujou prezan, ak nan menm sans lan, isit la se kèk pou yon moun medite sou lè li rive Dabblet:
Pastebin.com
Anjeneral, pwogramè yo itilize sit entènèt la pou konsève pou kòd sous oswa fragman done konfigirasyon yo. Sepandan, nenpòt moun ka mete nenpòt tèks nan espas yo bay la.
JS Bin
JS Bin se yon zouti tès gratis pou JavaScript. Rezilta a ka pataje atravè yon URL kout yon fwa yo te antre Javascript nan yon fenèt ak HTML nan lòt la. Sèvi ak yon meni ki pèmèt ou chwazi nan kèk nan bibliyotèk JS ki pi souvan itilize yo.
CssDeck
Zouti sa a se gwo pou kreye ak echanj ka tès ak lòt moun ki ka ede w nan efò kodaj ou yo. Avèk opsyon divès kalite, ou ka menm kolabore sou pwojè enstantane ak lòt pwogramè.
Plunker
Plunker se yon platfòm dijital kote devlopè entènèt yo ka brase lide, kolabore ak pataje panse yo.
Pou egzanp, ou ka kòmanse ak yon "Bonjou, mond!" pwogram nan nenpòt lang epi ajoute fragments kòd, markdowns, ak Ekran pou kreye yon eksperyans aprantisaj rich.
Pawòl final
An konklizyon, Dabblet se yon zouti itil pou devlopè entènèt, espesyalman moun kap chèche fason rapid ak fasil teste kòd yo.
Avèk divès kalite karakteristik ak entegrasyon li yo, li difisil pou pa jwenn yon itilizasyon platfòm sa a.
Bay li yon eseye jodi a!
Kite yon Reply