Innholdsfortegnelse[Gjemme seg][Forestilling]
Skulle du noen gang ønske at det fantes en nettapp eller utvidelse som lar deg lage og dele brukergrensesnittprototyper på farten?
Det gjør vi alle! Vi har alle ideer om hvordan vi vil at nettstedene eller appene våre skal se ut og føles.
Så du kom opp med et veldig flott design og husker ikke helt hvordan du gjorde det?
Nå må du finne en måte å dele det på. Dette kan ta dager, til og med uker, hvis du prøver å dele en ganske kompleks design.
Det er ingen grunn til å vente med å lage prototyper for nettappen din. Lag dem nå med Dabblet.
Dra og slipp elementer, stil og lagre den. Send den til en designer for gjennomgang eller kopier den inn i en presentasjon. Mulighetene er endeløse.
Hva er Dabblet?
Ved hjelp av dabblet, kan du eksperimentere med små biter av CSS- og HTML-kode i sanntid.
Du trenger ingen prefikser i CSS-koden når du bruker denne. GitHub-forklaringer lar deg lagre innholdet ditt, legge det ut på andre nettsteder og dele det med andre.
Dette er en fin måte å dele kodebiter med andre utviklere og få tilbakemeldinger på.
Hvordan fungerer det?
Så snart koden er skrevet, er den visuelle utgangen umiddelbart synlig på toppen av den. Javascript er det eneste unntaket, med tanke på at det ville være irriterende å kjøre det ved hvert tastetrykk og til og med kan føre til at nettleseren blir ubrukelig i visse situasjoner.
Bruk av alternativet "Kjør JS" i JavaScript-fanen eller hurtigtasten (Ctrl + Enter eller Cmd + Enter) vil kjøre JavaScript når en Dabblet kjører. Alternativmenyen lar deg endre denne stilen.
Som utvikler kan du bytte mellom å kode på alle disse tre språkene samtidig eller se det ferdige produktet.
Egenskaper
Følgende er funksjonene til Dabblet som du bør vite om:
Rask CSS-redigering: Du kan raskt legge til, redigere og fjerne CSS-egenskaper. Endringer vil reflekteres på siden i sanntid.
Syntaks Fremheving: CSS og HTML-kode er syntaks uthevet, noe som gjør det enkelt å lese og forstå. Koden vil også bli validert mens du skriver. Du kan også velge å skjule kodeboksen hvis du foretrekker det.
Autofullfør: Dabblet tilbyr autofullføring for CSS-egenskaper og verdier. Dette kan være svært nyttig når du lager eller redigerer stilark.
Forhåndsbygde CSS-stilark: Du kan få tilgang til forhåndsbygde CSS-stilark fra populære nettsteder. Disse kan brukes til å raskt og enkelt legge til stiler på din egen nettside.
Hovedstøtte: Dabblet støtter GitHub Gists, slik at du enkelt kan lagre og dele kodebitene dine med andre.
Live forhåndsvisning: Du kan se resultatene av kodeendringene dine i sanntid uten å laste inn siden på nytt. For eksempel, hvis du endrer fargen på en tekst, vil du se endringen reflektert på teksten mens du skriver.
Tastatursnarveier: Dabblet har hurtigtaster for vanlige oppgaver, for eksempel å legge til en ny stilregel eller kommentere.
Flere visningsmoduser: Dabblet tilbyr flere visningsmoduser, som lar deg se koden og resultatene side ved side eller over og under hverandre.
Pros
- Rask CSS
- Selv om du er logget på, kan du fortsatt lagre inkognito.
- Innebygde CSS-verdi forhåndsvisere for ulike parametere som vinkler, farger, varighet osv.
- Alt er XHR-ed, så siden oppdateres aldri, selv ikke når du lagrer.
- Tastatursnarveier i massevis.
- All koden er automatisk formatert (bortsett fra markdown).
- Solid dokumentasjon fra starten.
Ulemper
- Grensesnittet er litt overveldende i begynnelsen, men du blir vant til det.
- Ingen administrasjonsfunksjoner på prosjektnivå (ennå).
Dabblet-integrasjoner
Enhver plattform må integreres med andre tjenester, og Dabblet er intet unntak. Følgende er noen av integrasjonene som Dabblet tilbyr:
Google Analytics
Du kan enkelt legge til Google Analytics-sporingskoden på Dabblet-sider. Dette lar deg spore sidevisninger og annen statistikk for din Dabblet.
Ubuntu
Dabblet kan brukes til å lage Ubuntu-temaer. Du kan lage en ny Dabblet, legge til CSS- og HTML-kode og forhåndsvise temaet i en nettleser.
DigitalOcean
Et unikt nettskyvertsselskap tilbyr cloud computing-tjenester til bedrifter, slik at de kan utvide driften mer effektivt.
Hva gjør Dabblet med det?
Du kan nå opprette, administrere og distribuere Dabblets på DigitalOcean Spaces.
Dette lar deg holde alle kodebitene dine på ett sted og gjør det enkelt å dele dem med andre.
Alternativer for dabblets
Alternativer er alltid tilstede, og på samme måte, her er noen for en å tenke over når det gjelder Dabblet:
Pastebin.com
Programmerere bruker vanligvis nettstedet til å lagre kildekode eller konfigurasjonsdatafragmenter. Men hvem som helst kan legge inn hvilken som helst tekst i feltet som er oppgitt.
JS Bin
JS Bin er et gratis testverktøy for JavaScript. Resultatet kan deles gjennom en kort URL når Javascript er lagt inn i den ene ruten og HTML i den andre. Benytt deg av en meny som lar deg velge fra noen av de mest brukte JS-bibliotekene.
CssDeck
Dette verktøyet er flott for å lage og utveksle testcases med andre som kan hjelpe deg med koding. Med ulike alternativer kan du til og med samarbeide om prosjekter umiddelbart med andre programmerere.
Plunker
Plunker er en digital plattform der nettutviklere kan brainstorme, samarbeide og dele tankene sine.
Du kan for eksempel starte med et "Hei, verden!" programmer på hvilket som helst språk og legg til kodebiter, markeringer og skjermbilder for å skape en rik læringsopplevelse.
Siste Ord
Avslutningsvis er Dabblet et nyttig verktøy for webutviklere, spesielt de som leter etter måter å raskt og enkelt test koden deres.
Med sine ulike funksjoner og integrasjoner er det vanskelig å ikke finne bruk for denne plattformen.
Prøv det i dag!
Legg igjen en kommentar