Hvordan lage din egen Cryptocurrency Dashboard

Med alle forhandlinger om forking Hva er en Bitcoin Fork og hva skjer etterpå? Hva er en Bitcoin Fork og hva skjer etterpå? Cryptocurrencies er spennende og spennende. I motsetning til vanlige penger kan cryptocurrency "gaffel" inn i to forskjellige typer mynter. Men hvordan gjør de det, og hva betyr gaffel selv? Les mer, svindel, nettsteder som stjeler CPU-en til mine altcoins Er nettsteder som bruker CPU-en din til Cryptocurrency Mining? Er nettsteder som bruker CPUen din for Cryptocurrency Mining? Nettannonser er upopulære, så beryktet piratkopieringsnettsted Piratbåten har slått på en løsning: bruk hver besøkende PC til mine kryptokurver. Ville du være glad hvis PCen ble kapret slik? Les mer, og gal prisvolatilitet, kryptocurrencies (“krypto”) blir sikkert mer vanlige.

Hvis du har investert eller vurderer å kjøpe noen kryptokurver, må du ha en måte å overvåke priser på i sanntid. Heldigvis kan du enkelt bygge deg selv et krypto-dashbord med ingenting mer enn HTML og CSS Lær HTML og CSS med disse trinnvise opplæringsprogrammene Lær HTML og CSS med disse trinnvise opplæringsprogrammene Nysgjerrig om HTML, CSS og JavaScript? Hvis du tror at du har mulighet til å lære å lage nettsteder fra bunnen av - her er noen gode trinnvise opplæringsprogrammer verdt å prøve. Les mer .

Merk: Innkjøp av cryptocurrencies er en svært spekulativ investering. Invester aldri mer enn du har råd til, og vær forberedt på å miste alt over natten.

Starter

Dette dashbordet drives av en gratis widget levert av coinmarketcap.com. Denne utmerkede nettsiden viser statistikk og nåværende priser på tusenvis av kryptokurver. Start med å velge valutaen du ønsker, eller ved å legge inn en mynt i søkefeltet øverst til høyre.

Når du er valgt, blir du tatt til myntoversikt side, hvor ulike statistikker, diagrammer og analyser vises om din valgte mynt. Hodet på over til Verktøy fane. Dette er hvor du vil se en ferdig laget widget, som viser spesifikke data om din valgte mynt. Prøv å eksperimentere med Tilpass denne widgeten innstillinger, men for nå er den grunnleggende widgeten nok. Kopier koden fra Hjemmeside Widget boks eller hold siden åpen for bruk senere.

Slik ser widgetkoden ut for Bitcoin:

Enten du er i Bitcoin, Ethereum, Ripple, Dogecoin eller noen av de 1000+ alternativ (alt) mynter tilgjengelig, er denne prosessen akkurat den samme: finn en mynt, og kopier deretter widgetkoden.

Hvis du vil ha lyst på automatisering, kan du bruke API Ticker og et planleggingsverktøy som Cron Slik planlegger du oppgaver i Linux med Cron og Crontab Slik planlegger du oppgaver i Linux med Cron og Crontab Evnen til å automatisere oppgaver er en av de futuristiske teknologiene som allerede er her. Hver Linux-bruker kan dra nytte av planleggingssystemet og brukeroppgaver, takket være cron, en brukervennlig bakgrunnstjeneste. Les mer for å utføre nesten alt du vil. Det er litt utenfor omfanget av denne artikkelen, men du kan opprette en e-postvarsling hvis prisen faller under en viss terskel, for eksempel.

Bygg nettsiden

Nå som du har widgeten, må du opprette en grunnleggende HTML-side for å vise den. Bruk din favoritt tekstredigerer, opprett en ny HTML-fil som heter dashboard.html.

Her er startkoden du trenger:

Lim inn HTML-widget-koden din mellom kropp tags. Tilbake til Bitcoin ser hele koden slik ut:

Det er alt der er til det. Det er virkelig så enkelt for å lage ditt eget dashboard for kryptering.

Gjør det pent

Mens dette instrumentbrettet er teknisk sett ferdig, det er ikke bra. Widget fyller skjermen horisontalt, men er ikke veldig høyt vertikalt. La oss style den med cascading stilark 5 Baby trinn for å lære CSS og bli en kick-ass CSS Sorcerer 5 Baby trinn for å lære CSS og bli en kick-ass CSS Sorcerer CSS er de viktigste vekst nettsidene har sett i det siste tiåret, og det banet vei for adskillelse av stil og innhold. På den moderne måten definerer XHTML den semantiske strukturen ... Les mer (CSS).

Under tittel, Legg til en stil stikkord:

Inne i disse stiletikettene er hvor du vil skrive CSS. Her er hva du trenger:

.coinmarketcap-valuta-widget bredde: 33%; margin: 100px auto; 

Denne enkle CSS gjør to ting. Bruke dokumentobjektmodellen JavaScript og webutvikling: Bruke dokumentobjektmodellen JavaScript og webutvikling: Bruke dokumentobjektmodellen Denne artikkelen vil introdusere deg til dokumentskjelettet som JavaScript fungerer med. Å ha et arbeidskunnskap om denne abstrakte dokumentobjektmodellen, kan du skrive JavaScript som fungerer på en hvilken som helst nettside. Les mer (DOM), den retter seg mot coinmarketcap-valuta-widget klasse. Denne klassen er hovedbeholderen for widgeten, så denne kommandoen instruerer nettleseren din til å bruke følgende stiler til det aktuelle elementet.

Bredden på widgeten er satt til 33%, som sikrer at den ikke lenger ser strukket ut når den blir igjen ved standardalternativet (som er 100% i dette tilfellet).

Endelig legges en 100-pixel margin til øverst og nederst, med venstre og høyre får du en margin på auto. Dette flytter widgeten bort fra toppen av nettleseren din, og sentrerer den horisontalt.

Det er nesten ingen grense for hvor langt du kan gå med styling av denne widgeten. Kanskje du liker rød tekst eller en blå bakgrunn? Hva med blinkende tekst? Himmelen er virkelig grensen!

Legge til flere mynter

Nå som du har spikret det grunnleggende, er det på tide å legge til flere mynter. Selv om du bare eier en mynt, har diversifisering av dashbordet flere fordeler.

Som en løs regel (selv om alt kan skje i den vestlige delen av kryptokurver), går alt mynt opp når Bitcoin går ned, bortsett fra når Bitcoin synker helt, tar det alt annet med det.

Ved å overvåke andre valutaer kan du ofte tydeligvis se at penger strømmer ut av en, og inn i en annen. Hvis du ønsker å kjøpe en ny mynt, legger du til det i dashbordet ditt, og du kan muligens få øye på en trend eller en daglig lavpris for å oppnå et godt kjøp.!

Bruk trinnene ovenfor, gå videre og få widgetkoden for andre valutaer du vil spore. Bare lim dem inn under Bitcoin Tracker slik:

Du trenger ikke currency.js for hver widget. Du trenger bare den en gang per side.

Hvis du oppdaterer dashbordet ditt, ser du det ser ikke bra ut. Alle myntene er stablet vertikalt, og det er store gap mellom dem! Du må endre CSS slik at disse widgets ser bedre ut for flere mynter.

Ved å justere bredden og marginen til hver widgetbeholder, kan du justere flere widgets horisontalt, slik:

bredde: 23%; margin: 10px 1%; flyte: venstre;

Ved å bruke denne samme CSS, er det mulig å stable opp så mange widgets som du vil, selv om du kanskje må endre det litt etter ca 12 widgets.

En siste etterbehandling er å gjøre dashbordet automatisk på nytt, slik at du alltid har de siste prisene.

Inne i hode koder øverst i dokumentet ditt, lim inn dette metatagget:

Dette vil oppdatere siden din hvert X-sekund, der X er angitt inne innhold. Koden ovenfor vil oppdatere siden hvert 60 sekund. Endre dette til hva du vil, forutsatt at du skriver inn nummeret i sekunder.

Bor Sane

Nå som dashboardet ditt er kryptert, er du ikke lenger nødt til å sjekke coinmarketcap.com, eller coinbase.com, eller hvilken nettside du bruker til å overvåke dine kjøp. Bare ikke kjør deg gal ved å sjekke prisene hvert minutt.

La det gå på datamaskinen din, eller kanskje til og med sette den opp på en Raspberry Pi og få den til å løpe på gangen din!

Hvis du ønsker å sjekke priser på farten, så ta en titt på vår guide til de beste Android-apps for cryptocurrency. Hold deg oppdatert på CryptoCurrency med disse Android-appene Hold deg oppdatert på CryptoCurrency med disse Android Applikasjoner Å holde oversikt over virtuell valutaendring og daghandel kan både være morsomme og en måte å øke fortjenesten etter en god dags gruvedrift. Les mer, og ikke glem å lese vår guide på alt du trenger å vite før du kjøper cryptocurrency.

Har du bygget et krypto dashbord? Hvor plasserte du din? Gi oss beskjed i kommentarene nedenfor!

Utforsk mer om: Cryptocurrency.