Inhaltsverzeechnes[Verstoppen][Show]
Wëllt Dir jeemools wënschen datt et eng Webapp oder Extensioun wier déi Iech erlaabt UI Prototypen op der Flucht ze kreéieren an ze deelen?
Mir all maachen! Mir hunn all Iddien wéi mir eis Siten oder Apps wëllen ausgesinn a fillen.
Also, Dir sidd mat engem wierklech super Design komm a kënnt Iech net ganz erënneren wéi Dir et gemaach hutt?
Elo musst Dir e Wee fannen et ze deelen. Dëst kann Deeg, souguer Wochen daueren, wann Dir probéiert en zimlech komplexen Design ze deelen.
Et gëtt kee Grond fir ze waarden fir Är Web App Prototypen ze maachen. Erstellt se elo mat Dabblet.
Drag and drop Elementer, stiléiert a späichert et. Schéckt et un en Designer fir ze iwwerpréiwen oder kopéiert et einfach an eng Presentatioun. D'Méiglechkeeten sinn endlos.
Wat ass Dabblet?
benotzt Dabbelt, kënnt Dir experimentéieren mat klenge Stécker vun CSS an HTML Code an Echtzäit.
Dir braucht keng Präfixe an Ärem CSS Code wann Dir dëst benotzt. GitHub Gists erlaben Iech Ären Inhalt ze späicheren, se op anere Site ze posten an et mat aneren ze deelen.
Dëst ass e super Wee fir Code Snippets mat aneren Entwéckler ze deelen a Feedback ze kréien.
Wéi funktionéiert et?
Soubal de Code getippt ass, ass de visuellen Output direkt drop ze gesinn. Javascript ass déi eenzeg Ausnahm, wann Dir bedenkt datt et irritéiert wier et op all Tastatur ze lafen a kann och dozou féieren datt de Browser a bestëmmte Situatiounen onbrauchbar gëtt.
Mat der "Run JS" Optioun an der JavaScript Tab oder der Tastatur Ofkiirzung (Ctrl + Enter oder Cmd + Enter) gëtt JavaScript lafen wann en Dabblet leeft. Den Optiounsmenü erlaabt Iech dëse Stil z'änneren.
Als Entwéckler kënnt Dir tëscht Kodéierung an allen dräi vun dëse Sprooche gläichzäiteg wiesselen oder de fäerdege Produkt gesinn.
Eegeschaften
Folgend sinn d'Features vum Dabblet iwwer déi Dir wësse sollt:
Schnell CSS Editing: Dir kënnt séier CSS Eegeschaften addéieren, änneren an ewechhuelen. Ännerungen ginn op der Säit an Echtzäit reflektéiert.
Syntax Highlighting: CSS an HTML Code sinn Syntax markéiert, sou datt et einfach ze liesen a verstoen. De Code gëtt och validéiert wéi Dir schreift. Dir kënnt och wielen de Code Këscht ze verstoppen wann Dir léiwer.
Autokomplett: Dabblet bitt Auto-Complete fir CSS Eegeschaften a Wäerter. Dëst kann ganz hëllefräich sinn wann Dir Stylesheeten erstellt oder ännert.
Pre-built CSS Stylesheets: Dir kënnt Zougang zu pre-built CSS Stylesheets vu populäre Websäite kréien. Dës kënne benotzt ginn fir séier an einfach Stiler op Är eege Websäit ze addéieren.
Gist Ënnerstëtzung: Dabblet ënnerstëtzt GitHub Gists, wat Iech erlaabt Iech Är Code Snippets mat aneren einfach ze späicheren an ze deelen.
Live Virschau: Dir kënnt d'Resultater vun Äre Code Ännerungen an Echtzäit gesinn ouni d'Säit nei ze lueden. Zum Beispill, wann Dir d'Faarf vun engem Text ännert, gesitt Dir d'Ännerung am Text wéi Dir schreift.
Tastatur Ofkierzungen: Dabblet huet Tastatur Ofkiirzungen fir gemeinsam Aufgaben, sou wéi eng nei Stilregel bäizefügen oder kommentéieren.
Multiple View Modi: Dabblet bitt verschidde Vue Modi, déi Iech erlaabt de Code an d'Resultater niewenteneen oder uewen an ënnereneen ze gesinn.
Profien
- Schnell CSS
- Och wann Dir ageloggt sidd, kënnt Dir nach ëmmer Inkognito späicheren.
- Inline CSS Wäert Previewer fir verschidde Parameteren wéi Winkelen, Faarwen, Dauer, etc.
- Alles ass XHR-ed, sou datt d'Säit ni erfrëscht, och net wann Dir späichert.
- Tastatur Ofkiirzungen vill.
- All Code ass automatesch formatéiert (ausser Markdown).
- Solid Dokumentatioun vun Ufank un.
scheinbar
- D'Interface ass am Ufank e bëssen iwwerwältegend, awer Dir kritt et gewinnt.
- Keng Gestiounsfeatures op Projetsniveau (nach).
Dabblet Integratioun
All Plattform muss mat anere Servicer integréieren, an Dabblet ass keng Ausnahm. Déi folgend sinn e puer vun den Integratiounen déi Dabblet bitt:
Google Analytics
Dir kënnt Äre Google Analytics Tracking Code ganz einfach op Dabblet Säiten addéieren. Dëst erlaabt Iech Säit Meenungen an aner Statistike fir Ären Dabblet ze verfollegen.
Ubuntu
Dabblet ka benotzt ginn fir Ubuntu Themen ze kreéieren. Dir kënnt en neien Dabblet erstellen, CSS an HTML Code addéieren an d'Thema an engem Webbrowser virschau.
DigitalOcean
Eng eenzegarteg Cloud Hostingfirma bitt Cloud Computing Servicer fir Geschäfter, wat hinnen erlaabt hir Operatiounen méi effizient ze wuessen.
Wat mécht Dabblet domat?
Dir kënnt elo Är Dabblets erstellen, verwalten an ofsetzen DigitalOcean Spaces.
Dëst erlaabt Iech all Är Code Snippets op enger Plaz ze halen a mécht et einfach se mat aneren ze deelen.
Alternativen Fir Dabblets
Alternativen sinn ëmmer präsent, an am selwechte Sënn, hei sinn e puer fir iwwer ze denken wann et ëm Dabblet kënnt:
Pastebin.com
Programméierer benotzen allgemeng d'Websäit fir Quellcode oder Konfiguratiounsdatenfragmenter ze späicheren. Wéi och ëmmer, jidderee kann all Text an de geliwwerte Raum setzen.
JS Bin
JS Bin ass e gratis Testinstrument fir JavaScript. D'Resultat kann duerch eng kuerz URL gedeelt ginn wann Javascript an enger Fënster a HTML an deem aneren aginn ass. Benotzt e Menü deen Iech aus e puer vun de meescht benotzt JS Bibliothéiken auswielen léisst.
CssDeck
Dëst Tool ass super fir Testfäll mat aneren ze kreéieren an auszetauschen, déi Iech bei Äre Kodéierungsbestriewunge hëllefe kënnen. Mat verschiddenen Optiounen, kënnt Dir souguer op Projeten direkt mat anere Programméierer kollaboréieren.
Plunker
Plunker ass eng digital Plattform wou Webentwéckler Brainstorm kënnen, kollaboréieren an hir Gedanken deelen.
Zum Beispill kënnt Dir mat engem "Hallo, Welt!" Programm an all Sprooch a füügt Code Snippets, Markdowns a Screenshots derbäi fir eng räich Léiererfahrung ze kreéieren.
Final Word
Als Conclusioun ass Dabblet en nëtzlecht Tool fir Webentwéckler, besonnesch déi, déi no Weeër sichen fir séier an einfach Test hire Code.
Mat senge verschiddene Funktiounen an Integratiounen ass et schwéier net e Gebrauch fir dës Plattform ze fannen.
Probéiert et haut!
Hannerlooss eng Äntwert