Wens jy ooit daar was 'n webtoepassing of uitbreiding wat jou toelaat om UI-prototipes te skep en te deel?
Ons almal doen! Ons het almal idees van hoe ons wil hê ons werwe of toepassings moet lyk en voel.
So, jy het met 'n baie wonderlike ontwerp vorendag gekom en kan nie mooi onthou presies hoe jy dit gedoen het nie?
Nou moet jy 'n manier vind om dit te deel. Dit kan dae, selfs weke neem, as jy 'n redelik komplekse ontwerp probeer deel.
Daar is geen rede om te wag om jou webtoepassingprototipes te maak nie. Skep hulle nou met Dabblet.
Sleep en los elemente, styl en stoor dit. Stuur dit aan 'n ontwerper vir hersiening of kopieer dit eenvoudig in 'n aanbieding. Die moontlikhede is eindeloos.
Wat is Dabblet?
Die gebruik van Dablet, kan jy intyds met klein stukkies CSS- en HTML-kode eksperimenteer.
Jy sal geen voorvoegsels in jou CSS-kode nodig hê wanneer jy dit gebruik nie. GitHub-kenmerke laat jou toe om jou inhoud te stoor, dit op ander werwe te plaas en dit met ander te deel.
Dit is 'n goeie manier om kodebrokkies met ander ontwikkelaars te deel en terugvoer te kry.
Hoe werk dit?
Sodra die kode getik is, is die visuele uitvoer onmiddellik bo-op dit sigbaar. JavaScript is die enigste vrystelling, aangesien dit irriterend sal wees om dit op elke toetsaanslag te laat loop en kan selfs veroorsaak dat die blaaier in sekere situasies onbruikbaar word.
Deur die "Run JS"-opsie in die JavaScript-oortjie of die sleutelbordkortpad (Ctrl + Enter of Cmd + Enter) te gebruik, sal JavaScript loop wanneer 'n Dabblet loop. Die opsiekieslys laat jou toe om hierdie styl te verander.
As 'n ontwikkelaar kan jy wissel tussen kodering in al drie hierdie tale gelyktydig of om die voltooide produk te sien.
Kenmerke
Die volgende is die kenmerke van Dabblet waarvan u moet weet:
Vinnige CSS-redigering: Jy kan vinnig CSS-eienskappe byvoeg, wysig en verwyder. Veranderinge sal intyds op die bladsy gereflekteer word.
Sintaksisuitlig: CSS- en HTML-kode is sintaksis uitgelig, wat dit maklik maak om te lees en te verstaan. Die kode sal ook bekragtig word soos jy tik. Jy kan ook kies om die kodeblokkie te versteek as jy verkies.
Outo-voltooi: Dabblet bied outo-voltooiing vir CSS-eienskappe en waardes. Dit kan baie nuttig wees wanneer jy stylblaaie skep of redigeer.
Voorafgeboude CSS-stylblaaie: U het toegang tot voorafgeboude CSS-stylblaaie vanaf gewilde webwerwe. Dit kan gebruik word om style vinnig en maklik by jou eie webwerf te voeg.
Hoofondersteuning: Dabblet ondersteun GitHub Gists, wat jou toelaat om jou kodebrokkies maklik met ander te stoor en te deel.
Live voorbeeld: U kan die resultate van u kodeveranderings intyds sien sonder om die bladsy te herlaai. Byvoorbeeld, as jy die kleur van 'n teks verander, sal jy sien dat die verandering op die teks weerspieël word terwyl jy tik.
Sleutelbord kortpaaie: Dabblet het sleutelbordkortpaaie vir algemene take, soos om 'n nuwe stylreël by te voeg of kommentaar te lewer.
Veelvuldige aansigmodusse: Dabblet bied verskeie aansigmodusse, wat jou toelaat om die kode en die resultate langs mekaar of bo en onder mekaar te sien.
Pros
- Vinnige CSS
- Selfs as jy aangemeld is, kan jy steeds incognito stoor.
- Inlyn CSS-waardevoorskouers vir verskeie parameters soos hoeke, kleure, duur, ens.
- Alles is XHR-ed, so die bladsy verfris nooit, selfs nie wanneer jy stoor nie.
- Sleutelbordkortpaaie in oorvloed.
- Al die kode is outomaties geformateer (behalwe vir afmerking).
- Stewige dokumentasie van die begin af.
Nadele
- Die koppelvlak is eers 'n bietjie oorweldigend, maar jy raak gewoond daaraan.
- Geen projekvlakbestuurskenmerke (nog nie).
Dabblet-integrasies
Enige platform moet met ander dienste integreer, en Dabblet is geen uitsondering nie. Die volgende is 'n paar van die integrasies wat Dabblet bied:
Google Analytics
Jy kan maklik jou Google Analytics-nasporingskode by Dabblet-bladsye voeg. Dit sal jou toelaat om bladsybesigtigings en ander statistieke vir jou Dabblet na te spoor.
Ubuntu
Dabblet kan gebruik word om Ubuntu-temas te skep. Jy kan 'n nuwe Dabblet skep, CSS- en HTML-kode byvoeg en die tema in 'n webblaaier voorskou.
DigitalOcean
'N Unieke wolkgasheermaatskappy verskaf wolkrekenaardienste aan besighede, wat hulle in staat stel om hul bedrywighede doeltreffender te laat groei.
Wat doen Dabblet daarmee?
Jy kan nou jou Dabblets skep, bestuur en ontplooi DigitalOcean Spaces.
Dit laat jou toe om al jou kodebrokkies op een plek te hou en maak dit maklik om dit met ander te deel.
Alternatiewe vir Dabblets
Alternatiewe is altyd teenwoordig, en in dieselfde trant is hier 'n paar vir 'n mens om oor na te dink wanneer dit by Dabblet kom:
pastebin.com
Programmeerders gebruik gewoonlik die webwerf om bronkode of konfigurasiedatafragmente te stoor. Enigiemand mag egter enige teks in die ruimte wat voorsien word plaas.
JS Bin
JS Bin is 'n gratis toetsinstrument vir JavaScript. Die resultaat kan deur 'n kort URL gedeel word sodra Javascript in die een paneel en HTML in die ander ingevoer is. Maak gebruik van 'n spyskaart waarmee jy uit sommige van die mees gebruikte JS-biblioteke kan kies.
CssDeck
Hierdie instrument is ideaal om toetsgevalle te skep en uit te ruil met ander wat jou kan help met jou koderingspogings. Met verskeie opsies kan jy selfs onmiddellik met ander programmeerders aan projekte saamwerk.
Plunker
Plunker is 'n digitale platform waar webontwikkelaars kan dinkskrum, saamwerk en hul gedagtes deel.
Byvoorbeeld, jy kan begin met 'n "Hallo, wêreld!" programmeer in enige taal en voeg kodebrokkies, afmerkings en skermkiekies by om 'n ryk leerervaring te skep.
Finale Woord
Ten slotte, Dabblet is 'n nuttige hulpmiddel vir webontwikkelaars, veral diegene wat op soek is na maniere om vinnig en maklik toets hul kode.
Met sy verskillende kenmerke en integrasies is dit moeilik om nie 'n gebruik vir hierdie platform te vind nie.
Probeer dit vandag!
Lewer Kommentaar