Kas olete kunagi soovinud, et oleks olemas veebirakendus või laiendus, mis võimaldab teil kasutajaliidese prototüüpe lennult luua ja jagada?
Me kõik teeme! Meil kõigil on ideid selle kohta, kuidas me tahame, et meie saidid või rakendused välja näeksid ja tunduksid.
Niisiis, mõtlesite välja tõeliselt suurepärase kujunduse ja ei mäleta täpselt, kuidas seda tegite?
Nüüd peate leidma viisi, kuidas seda jagada. See võib võtta päevi, isegi nädalaid, kui proovite jagada üsna keerukat kujundust.
Veebirakenduse prototüüpide loomisega pole põhjust oodata. Looge need kohe Dabbleti abil.
Lohistage elemente, kujundage ja salvestage see. Saatke see disainerile ülevaatamiseks või kopeerige see lihtsalt esitlusse. Võimalusi on lõputult.
Mis on Dabblet?
Kasutamine Tupsuke, võite katsetada väikeste CSS- ja HTML-koodijuppidega reaalajas.
Selle kasutamisel ei vaja te oma CSS-koodis eesliiteid. GitHubi sisud võimaldavad teil oma sisu salvestada, teistele saitidele postitada ja teistega jagada.
See on suurepärane viis koodilõikude jagamiseks teiste arendajatega ja tagasiside saamiseks.
Kuidas see töötab?
Niipea kui kood on sisestatud, on visuaalne väljund selle peal koheselt nähtav. JavaScript on ainuke erand, arvestades, et selle käivitamine iga klahvivajutuse korral oleks ärritav ja võib isegi muuta brauseri teatud olukordades kasutuskõlbmatuks.
Kui kasutate JavaScripti vahekaardil käsku „Käita JS” või kiirklahvi (Ctrl + Enter või Cmd + Enter), käitatakse Dabbleti käitamisel JavaScripti. Suvandite menüü võimaldab teil seda stiili muuta.
Arendajana saate vahetada kõigis kolmes keeles korraga kodeerimise või valmistoote vaatamise vahel.
FUNKTSIOONID
Järgmised on Dabbleti funktsioonid, mida peaksite teadma:
Kiire CSS-i redigeerimine: Saate kiiresti lisada, redigeerida ja eemaldada CSS-i atribuute. Muudatused kajastuvad lehel reaalajas.
Süntaksi esiletõstmine: CSS- ja HTML-kood on süntaksis esile tõstetud, mistõttu on seda lihtne lugeda ja mõista. Kood kinnitatakse ka sisestamise ajal. Soovi korral saate ka koodikasti peita.
Automaatne täitmine: Dabblet pakub CSS-i atribuutide ja väärtuste automaatset täitmist. See võib olla väga kasulik laaditabelite loomisel või redigeerimisel.
Eelehitatud CSS-i stiililehed: Eelehitatud CSS-laaditabelitele pääsete juurde populaarsetelt veebisaitidelt. Neid saab kasutada oma veebisaidile stiilide kiireks ja hõlpsaks lisamiseks.
Põhiline tugi: Dabblet toetab GitHub Gistsit, mis võimaldab teil oma koodilõike hõlpsalt teistega salvestada ja jagada.
Live eelvaade: Näete oma koodimuudatuste tulemusi reaalajas ilma lehte uuesti laadimata. Näiteks kui muudate teksti värvi, näete muudatust teksti sisestamise ajal.
Klaviatuuri otseteed: Dabbletil on klaviatuuri otseteed tavapäraste toimingute jaoks, nagu uue stiilireegli lisamine või kommenteerimine.
Mitu vaaterežiimi: Dabblet pakub mitut vaaterežiimi, mis võimaldab näha koodi ja tulemusi kõrvuti või üksteise kohal ja all.
Plusse
- Kiire CSS
- Isegi kui olete sisse logitud, saate siiski inkognito režiimis salvestada.
- Tekstisisesed CSS-i väärtuste eelvaatajad erinevate parameetrite jaoks, nagu nurgad, värvid, kestus jne.
- Kõik on XHR-iga töödeldud, nii et leht ei värskenda kunagi, isegi mitte salvestamisel.
- Küllalt palju kiirklahve.
- Kogu kood on automaatselt vormindatud (välja arvatud allahindlus).
- Tugev dokumentatsioon algusest peale.
Miinused
- Liides on alguses pisut üle jõu käiv, kuid sellega harjub.
- Projektitasemel haldusfunktsioone pole (veel).
Dabblet integratsioonid
Iga platvorm peab integreeruma teiste teenustega ja Dabblet pole erand. Järgmised on mõned integratsioonid, mida Dabblet pakub:
Google Analytics
Saate hõlpsasti lisada oma Google Analyticsi jälgimiskoodi Dabbleti lehtedele. See võimaldab teil jälgida oma Dabbleti lehevaatamisi ja muud statistikat.
Ubuntu
Dabbleti saab kasutada Ubuntu teemade loomiseks. Saate luua uue Dabbleti, lisada CSS- ja HTML-koodi ning vaadata teema eelvaadet veebibrauseris.
DigitalOcean
Ainulaadne pilvemajutusettevõte pakub ettevõtetele pilvandmetöötlusteenuseid, võimaldades neil oma tegevust tõhusamalt kasvatada.
Mida Dabblet sellega teeb?
Nüüd saate oma Dabbletid luua, hallata ja juurutada DigitalOcean Spaces.
See võimaldab teil hoida kõiki oma koodijuppe ühes kohas ja hõlbustab nende jagamist teistega.
Dabblettide alternatiivid
Alternatiivid on alati olemas ja samamoodi on siin mõned, mille üle Dabbleti puhul mõtiskleda:
Pastebin.com
Programmeerijad kasutavad seda veebisaiti tavaliselt lähtekoodi või konfiguratsiooniandmete fragmentide salvestamiseks. Igaüks võib aga sisestada mis tahes teksti selleks ettenähtud ruumi.
JS Bin
JS Bin on JavaScripti tasuta testimistööriist. Tulemust saab jagada lühikese URL-i kaudu, kui Javascript on sisestatud ühele paanile ja HTML teisele. Kasutage menüüd, mis võimaldab teil valida kõige sagedamini kasutatavate JS-i teekide hulgast.
CssDeck
See tööriist sobib suurepäraselt testjuhtumite loomiseks ja vahetamiseks teistega, kes saavad teid kodeerimisel aidata. Erinevate valikute abil saate isegi teiste programmeerijatega projektide kallal koheselt koostööd teha.
Plunker
Plunker on digitaalne platvorm, kus veebiarendajad saavad ajurünnakuid teha, koostööd teha ja oma mõtteid jagada.
Näiteks võite alustada lausega "Tere, maailm!" programmeerida mis tahes keeles ja lisada koodilõike, allahindlusi ja ekraanipilte, et luua rikkalik õppekogemus.
Viimane sõna
Kokkuvõtteks võib öelda, et Dabblet on kasulik tööriist veebiarendajatele, eriti neile, kes otsivad võimalusi kiiresti ja lihtsalt testida nende koodi.
Tänu erinevatele funktsioonidele ja integratsioonidele on raske sellele platvormile kasutust mitte leida.
Proovige seda juba täna!
Jäta vastus