Nangandoy ka ba nga adunay usa ka web app o extension nga nagtugot kanimo sa paghimo ug pagpaambit sa mga prototype sa UI sa langaw?
Kitang tanan! Kitang tanan adunay mga ideya kung unsa ang gusto namon nga hitsura ug gibati sa among mga site o app.
Mao nga, nakahimo ka usa ka maayo kaayo nga disenyo ug dili gyud nimo mahinumduman kung giunsa nimo kini nahimo?
Karon kinahanglan ka mangita usa ka paagi aron mapaambit kini. Mahimo kini nga mga adlaw, bisan mga semana, kung gisulayan nimo nga ipaambit ang usa ka komplikado nga disenyo.
Walay rason nga maghulat aron mahimo ang imong web app nga mga prototype. Paghimo kanila karon uban sa Dabblet.
I-drag ug ihulog ang mga elemento, istilo, ug i-save kini. Ipadala kini sa usa ka tigdesinyo alang sa pagrepaso o kopyaha lang kini sa usa ka presentasyon. Ang mga posibilidad walay katapusan.
Unsa ang Dabblet?
Pinaagi sa paggamit sa dabblet, mahimo ka mag-eksperimento sa gagmay nga mga snippet sa CSS ug HTML code sa tinuud nga oras.
Dili nimo kinahanglan ang bisan unsang prefix sa imong CSS code kung gamiton kini. Gitugotan ka sa GitHub gists nga itago ang imong sulud, i-post kini sa ubang mga site, ug ipaambit kini sa uban.
Kini usa ka maayong paagi sa pagpaambit sa mga snippet sa code sa ubang mga developer ug makakuha og feedback.
Giunsa Kini Naglihok?
Sa diha nga ang code gi-type, ang biswal nga output makita dayon sa ibabaw niini. JavaScript mao ang nag-inusarang exemption, sa paghunahuna nga kini makapasuko sa pagpadagan niini sa matag keystroke ug mahimong hinungdan nga ang browser dili magamit sa pipila ka mga sitwasyon.
Gamit ang opsyon nga “Run JS” sa JavaScript tab o ang keyboard shortcut (Ctrl + Enter o Cmd + Enter) modagan sa JavaScript kon ang Dabblet modagan. Ang menu sa mga kapilian nagtugot kanimo sa pag-usab niini nga estilo.
Isip usa ka developer, mahimo kang magbalhin-balhin tali sa coding sa tanang tulo niini nga mga pinulongan nga dungan o makita ang nahuman nga produkto.
Features
Ang mosunod mao ang mga bahin sa Dabblet nga angay nimong masayran:
Dali nga Pag-edit sa CSS: Makadugang ka dayon, maka-edit ug makatangtang sa mga kabtangan sa CSS. Ang mga pagbag-o makita sa panid sa tinuud nga oras.
Pagpasiugda sa Syntax: Ang CSS ug HTML code kay gipasiugda ang syntax, nga nakapasayon sa pagbasa ug pagsabot. Ang code ma-validate usab samtang nag-type ka. Mahimo usab nimo pilion nga itago ang kahon sa code kung gusto nimo.
Awtomatikong Pagkompleto: Nagtanyag ang Dabblet og auto-complete alang sa CSS properties ug values. Makatabang kaayo kini kung maghimo ka o mag-edit sa mga stylesheet.
Pre-Built CSS Stylesheets: Mahimo nimong ma-access ang pre-built CSS stylesheet gikan sa mga sikat nga website. Magamit kini aron dali ug dali nga makadugang mga istilo sa imong kaugalingon nga website.
Gist nga Suporta: Gisuportahan sa Dabblet ang GitHub Gists, nga nagtugot kanimo sa pagtipig ug pagpaambit sa imong mga snippet sa code sa uban nga dali.
Live nga Panan-aw: Mahimo nimong makita ang mga resulta sa imong mga pagbag-o sa code sa tinuud nga oras nga wala i-reload ang panid. Pananglitan, kung imong usbon ang kolor sa usa ka teksto, imong makita ang pagbag-o nga makita sa teksto samtang nag-type ka.
Mga Shortcut sa Keyboard: Ang Dabblet adunay mga keyboard shortcut alang sa kasagarang mga buluhaton, sama sa pagdugang og bag-ong lagda sa estilo o pagkomento.
Multiple View Modes: Nagtanyag ang Dabblet og daghang mga mode sa pagtan-aw, nga nagtugot kanimo nga makita ang code ug ang mga resulta sa kilid o sa taas ug sa ubos sa usag usa.
pros
- Dali nga CSS
- Bisan kung naka-sign in ka, mahimo nimong i-save ang incognito.
- Inline nga CSS value previewers alang sa lain-laing mga parameter sama sa anggulo, kolor, gidugayon, ug uban pa.
- Ang tanan XHR-ed, mao nga ang panid dili gyud ma-refresh, bisan kung imong gitipigan.
- Daghang mga shortcut sa keyboard.
- Ang tanan nga code kay auto-formatted (gawas sa markdown).
- Solid nga dokumentasyon gikan sa pagsugod.
disbentaha
- Ang interface gamay ra kaayo sa una, apan naanad ka niini.
- Walay mga bahin sa pagdumala sa lebel sa proyekto (sa pa).
Mga Paghiusa sa Dabblet
Ang bisan unsang plataporma kinahanglan nga mag-uban sa ubang mga serbisyo, ug ang Dabblet dili eksepsiyon. Ang mosunod mao ang pipila sa mga integrasyon nga gitanyag ni Dabblet:
Google Analytics
Dali nimong idugang ang imong Google Analytics tracking code sa mga panid sa Dabblet. Makatugot kini kanimo sa pagsubay sa mga pagtan-aw sa panid ug uban pang estadistika para sa imong Dabblet.
Ubuntu
Ang Dabblet mahimong magamit sa paghimo sa mga tema sa Ubuntu. Makahimo ka og bag-ong Dabblet, makadugang sa CSS ug HTML code, ug i-preview ang tema sa usa ka web browser.
DigitalOcean
Ang usa ka us aka klase nga cloud hosting nga kompanya naghatag serbisyo sa cloud computing sa mga negosyo, nga gitugotan sila nga mapalambo ang ilang mga operasyon nga labi ka episyente.
Unsa ang gibuhat ni Dabblet niini?
Makahimo ka na karon sa paghimo, pagdumala ug pag-deploy sa imong Dabblets DigitalOcean Spaces.
Gitugotan ka niini nga itago ang tanan nimo nga mga snippet sa code sa usa ka lugar ug dali nga ipaambit kini sa uban.
Mga Alternatibo Para sa Dabblets
Kanunay nga naa ang mga alternatibo, ug sa parehas nga ugat, ania ang pipila nga palandongon sa usa bahin sa Dabblet:
Pastebin.com
Ang mga programmer kasagaran naggamit sa website aron sa pagtipig sa source code o mga tipik sa datos sa configuration. Bisan pa, ang bisan kinsa mahimong magbutang sa bisan unsang teksto sa luna nga gihatag.
JS Bin
Ang JS Bin usa ka libre nga himan sa pagsulay alang sa JavaScript. Ang resulta mahimong ipaambit pinaagi sa mubo nga URL sa higayon nga ang Javascript nasulod na sa usa ka pane ug HTML sa pikas. Gamita ang usa ka menu nga magtugot kanimo sa pagpili gikan sa pipila sa labing kasagarang gigamit nga mga librarya sa JS.
CssDeck
Kini nga himan maayo alang sa paghimo ug pagbayloay sa mga kaso sa pagsulay sa uban nga makatabang kanimo sa imong mga paningkamot sa coding. Uban sa lainlaing mga kapilian, mahimo ka nga makigtambayayong sa mga proyekto dayon sa ubang mga programmer.
Plunker
Ang Plunker usa ka digital nga plataporma diin ang mga web developer mahimong mag-brainstorm, magtinabangay, ug magpaambit sa ilang mga hunahuna.
Pananglitan, mahimo ka magsugod sa usa ka "Hello, kalibutan!" programa sa bisan unsang pinulongan ug idugang ang mga snippet sa code, mga markdown, ug mga screenshot aron makamugna og daghang kasinatian sa pagkat-on.
Katapusan nga Pulong
Sa konklusyon, ang Dabblet usa ka mapuslanon nga himan alang sa mga nag-develop sa web, labi na kadtong nangita mga paagi aron dali ug dali pagsulay sa ilang code.
Uban sa lainlaing mga bahin ug panagsama, lisud nga dili makit-an ang usa ka gamit para sa kini nga plataporma.
Sulayi kini karon!
Leave sa usa ka Reply