Sådan opretter du dit eget Cryptocurrency Dashboard

  • Peter Holmes
  • 0
  • 3942
  • 96
Reklame

Med alle forfalskningssamtaler Hvad er en Bitcoin-gaffel og hvad sker der bagefter? Hvad er en Bitcoin-gaffel, og hvad sker der bagefter? Cryptocururrency er spændende og spændende. I modsætning til almindelige penge kan cryptocurrency "gaffel" i to forskellige typer mønter. Men hvordan gør de det, og hvad betyder gaffel endda? , svindel, websteder, der stjæler din CPU til at mine altcoins Bruger websteder din CPU til Cryptocurrency Mining? Bruger websteder din CPU til Cryptocurrency Mining? Online-annoncer er upopulære, så berygtede online piratkopieringssider The Pirate Bay har ramt en løsning: brug hver besøgende pc til at miner cryptocurrencies. Ville du være glad, hvis din pc blev kapret på denne måde? , og skør prisvolatilitet, kryptokurser (“krypto”) bliver bestemt mere mainstream.

Hvis du har investeret eller overvejer at købe kryptokurser, har du brug for en måde at overvåge deres priser i realtid. Heldigvis kan du nemt opbygge dig selv et kryptodashboard ved hjælp af intet andet end HTML og CSS Lær HTML og CSS med disse trinvise tutorials Lær HTML og CSS med disse trinvise vejledninger Er du nysgerrig efter HTML, CSS og JavaScript? Hvis du tror, ​​at du har en evne til at lære at oprette websteder fra bunden - her er et par gode trin-for-trin-tutorials værd at prøve. .

Bemærk: At købe cryptocurrencies er en meget spekulativ investering. Invester aldrig mere, end du har råd til, og vær parat til at miste det hele natten over.

Kom godt i gang

Dette instrumentbræt er drevet af en gratis widget leveret af coinmarketcap.com. Dette fremragende websted viser statistikker og aktuelle priser på tusinder af cryptocurrencies. Start med at vælge din valgte valuta eller ved at indtaste en mønt i søgefaciliteten øverst til højre.

Når det er valgt, vil du blive ført til møntoversigt side, hvor forskellige statistikker, diagrammer og analyser vises om din valgte mønt. Gå videre over til Værktøj fane. Det er her du ser en klargjort widget, der viser specifikke data om din valgte mønt. Du er velkommen til at eksperimentere med Tilpas denne widget indstillinger, men indtil videre er den grundlæggende widget nok. Kopier koden fra Websteds widget boks eller hold siden åben til brug senere.

Sådan ser widgetkoden ud for Bitcoin:

 

Uanset om du er i Bitcoin, Ethereum, Ripple, Dogecoin eller noget andet af de 1.000+ alternativ (alt) tilgængelige mønter, denne proces er nøjagtig den samme: find en mønt, og kopiér derefter widgetkoden.

Hvis du vil have lyst med automatisering, kan du bruge API-ticker og et planlægningsværktøj som Cron Sådan planlægges opgaver i Linux med Cron og Crontab Sådan planlægges opgaver i Linux med Cron og Crontab Evnen til at automatisere opgaver er en af ​​de futuristiske teknologier, der allerede er her. Hver Linux-bruger kan drage fordel af planlægningssystemer og brugeropgaver takket være cron, en let at bruge baggrundstjeneste. at udføre næsten alt hvad du kan lide. Det er lidt uden for denne artikels rækkevidde, men du kan oprette en e-mail-alarm, hvis prisen for eksempel falder under en bestemt tærskel.

Opbygning af webside

Nu hvor du har widgeten, skal du oprette en grundlæggende HTML-side for at vise den. Opret en ny HTML-fil kaldet ved hjælp af din foretrukne teksteditor dashboard.html.

Her er den startkode, du har brug for:

   Crypto Dashboard    

Indsæt din HTML-widgetkode mellem legeme tags. Når vi vender tilbage til Bitcoin, ser hele koden sådan ud:

   Crypto Dashboard      

Det er alt, hvad der er til det. Det er det virkelig så enkelt at oprette dit eget cryptocurrency dashboard.

At gøre det smukt

Mens dette instrumentbræt er teknisk set færdig, det er ikke godt. Widgeten fylder skærmen vandret, men er ikke særlig høj lodret. Lad os style det med kaskaderende stilark 5 Babytrin til at lære CSS og blive en Kick-Ass CSS Sorcerer 5 Babytrin til at lære CSS og blive en Kick-Ass CSS Sorcerer CSS er den eneste vigtigste ændring websider har set i det sidste årti, og det banede vejen for adskillelse af stil og indhold. På den moderne måde definerer XHTML den semantiske struktur ... (CSS).

Under titel, Tilføj en stil tag:

 

Inde i disse stilkoder er det, hvor du skriver din CSS. Her er hvad du har brug for:

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

Denne enkle CSS gør to ting. Brug af dokumentobjektmodellen JavaScript og webudvikling: Brug af dokumentobjektmodellen JavaScript og webudvikling: Brug af dokumentobjektmodellen Denne artikel introducerer dig til dokumentskelet, som JavaScript fungerer med. Når du har kendskab til denne abstrakte dokumentobjektmodel, kan du skrive JavaScript, der fungerer på enhver webside. (DOM), det målretter mod coinmarketcap-valuta-widget klasse. Denne klasse er den vigtigste beholder til widgeten, så denne kommando instruerer din webbrowser til at anvende følgende stilarter på det bestemte element.

Widgetens bredde er indstillet til 33%, hvilket sikrer, at det ikke længere ser strækket ud, når det står ved standardindstillingen (som er 100% i dette tilfælde).

Endelig tilføjes en margin på 100 pixel øverst og nederst, hvor venstre og højre får en margin på auto. Dette flytter widget'en væk fra toppen af ​​din browser og centrerer den vandret.

Der er næsten ingen grænse for, hvor langt du kan gå med din styling af denne widget. Måske kan du lide rød tekst eller en blå baggrund? Hvad med blinkende tekst? Himlen er virkelig grænsen!

Tilføje flere mønter

Nu hvor du har spikret det grundlæggende, er det tid til at tilføje flere mønter. Selv hvis du kun ejer en mønt, har diversificering af dit dashboard flere fordele.

Som en løs regel (selvom alt kan ske i det vilde vest for cryptocururrency), går alt-mønter op, når Bitcoin falder, bortset fra når Bitcoin absolut synker, tager det alt andet med sig.

Ved at overvåge andre valutaer kan du ofte tydeligt se, at penge flyder ud af en og ind i en anden. Hvis du ønsker at købe en ny mønt, tilføjer du den til dit instrumentbord, kan du muligvis få øje på en tendens eller en daglig lav for at skaffe et godt køb!

Ved hjælp af ovenstående trin, gå videre og få widgetkoden til alle andre valutaer, du vil spore. Bare indsæt dem under Bitcoin tracker sådan:

    

Du har ikke brug for currency.js for hver widget. Du har kun brug for det en gang pr. Side.

Hvis du genindlæser dit instrumentbræt, ser du, at det ikke ser godt ud. Alle mønter er stablet lodret, og der er enorme mellemrum mellem dem! Du skal ændre CSS for at få disse widgets til at se bedre ud for flere mønter.

Ved at justere bredden og margenen for hver widgetcontainer kan du stille flere widgets horisontalt op, som dette:

bredde: 23%; margen: 10px 1%; flyde: venstre;

Ved hjælp af samme CSS er det muligt at stable så mange widgets, som du vil, selvom du muligvis skal ændre den lidt efter ca. 12 widgets.

Et sidste præg er at gøre instrumentbrættet automatisk igen, så du altid har de nyeste priser.

Inde i hoved tags øverst i dit dokument, indsæt dette metakode:

Dette opdaterer din side hvert X sekund, hvor X er specificeret inde indhold. Koden ovenfor opdaterer siden hvert 60. sekund. Skift dette til hvad du vil, forudsat at du indtaster nummeret i sekunder.

Forbliver Sane

Nu, hvor dit cryptocurrency dashboard er komplet, behøver du ikke længere at tjekke coinmarketcap.com, eller coinbase.com, eller hvilket websted du også bruger til at overvåge dine køb. Bare bliv ikke skør ved at kontrollere priserne hvert minut.

Lad det køre på din computer, eller måske endda sætte det op på en Raspberry Pi, og lad den køre i gangen!

Hvis du ønsker at kontrollere priserne på farten, så tag et kig på vores guide til de bedste cryptocurrency Android-apps Bliv ajour om din CryptoCurrency med disse Android-apps Bliv ajour om din CryptoCurrency med disse Android Apps At holde styr på virtuel valutaændring og dagshandel kan både være sjovt og en måde at øge din fortjeneste efter en god dags minedrift. , og glem ikke at læse vores guide om alt hvad du har brug for at vide, før du køber cryptocurrency.

Har du bygget et kryptodashboard? Hvor placerede du din? Fortæl os det i kommentarerne herunder!




Endnu ingen kommentarer

Om moderne teknologi, enkel og overkommelig.
Din guide i en verden af moderne teknologi. Lær hvordan du bruger de teknologier og gadgets, der omgiver os hver dag, og lær, hvordan du finder interessante ting på Internettet.