Cum să vă faceți propriul tablou de comandă Cryptocurrency

Publicitate

Cu toate discuțiile din bifurcare, escrocherii, site-urile web care-ți fură procesorul către alte miniereși volatilitatea prețurilor nebune, criptomonedele („cripto”) devin cu siguranță mai puternice.

Dacă ați investit sau aveți în vedere achiziționarea de criptomonede, atunci veți avea nevoie de o modalitate de a monitoriza prețurile în timp real. Din fericire, vă puteți construi cu ușurință un tablou de comandă crypto folosind nimic mai mult decât HTML și CSS Aflați HTML și CSS cu aceste instrucțiuni pas cu pasEști curios despre HTML, CSS și JavaScript? Dacă credeți că aveți un avantaj pentru a învăța cum să creați site-uri de la zero - iată câteva instrucțiuni pas-cu-pas minunate care merită încercate. Citeste mai mult .

Notă: Achiziționarea de criptomonede este o investiție extrem de speculativă. Nu investiți niciodată mai mult decât vă puteți permite și fiți pregătiți să îl pierdeți peste noapte.

Noțiuni de bază

Acest tablou de bord este alimentat de un widget gratuit furnizat de

coinmarketcap.com. Acest excelent site web prezintă statistici și prețuri actuale de mii de criptomonede. Începeți selectând moneda pe care o alegeți sau introduceți o monedă în funcția de căutare din partea dreaptă sus.

Odată selectat, veți fi transportat la Prezentare generală a monedei pagina, în care sunt afișate diverse statistici, diagrame și analize despre moneda aleasă. Îndreptați-vă spre Unelte tab. Aici veți vedea un widget gata pregătit, care arată date specifice despre moneda aleasă. Simțiți-vă liber să experimentați cu Personalizați acest widget setări, dar deocamdată, widgetul de bază este suficient. Copiați codul din Widget site web casetă sau mențineți pagina deschisă pentru utilizare mai târziu.

Iată cum arată codul widget pentru Bitcoin:

Indiferent dacă ești Bitcoin, Ethereum, Clipoci, dogecoin, sau oricare altul din 1.000+ alternativă (alt) monede disponibile, acest proces este exact același: găsiți o monedă, apoi copiați codul widget.

Dacă doriți să vă pasionați de automatizare, puteți utiliza funcția Ticker API și un instrument de planificare, cum ar fi cron Cum să planificați sarcinile în Linux cu Cron și CrontabCapacitatea de a automatiza sarcinile este una dintre acele tehnologii futuriste care există deja aici. Fiecare utilizator Linux poate beneficia de planificarea sistemului și de sarcinile utilizatorului, datorită cron, un serviciu de fundal ușor de utilizat. Citeste mai mult pentru a efectua aproape orice îți place. Este puțin peste obiectul acestui articol, dar puteți crea o alertă prin e-mail dacă prețul scade sub un anumit prag, de exemplu.

Construirea paginii web

Acum că aveți widgetul, trebuie să creați o pagină HTML de bază pentru ao afișa. Utilizând editorul de text preferat, creați un nou fișier HTML numit dashboard.html.

Iată codul de început de care aveți nevoie:

Lipiți codul widget HTML între corp Etichete. Revenind la Bitcoin, întregul cod arată astfel:

Cam despre asta e. Chiar este atat de simplu pentru a crea propriul dvs. tablou de bord cryptocurrency.

Făcându-l destul

În timp ce acest tablou de bord este tehnic terminat, nu este minunat. Widget-ul umple ecranul pe orizontală, dar nu este foarte înalt pe verticală. Să o stilăm foi de stil în cascadă 5 pași pentru a învăța CSS și a deveni un vrăjitor CSS Kick-AssCSS este cea mai importantă pagină web de schimbare cea mai importantă înregistrată în ultimul deceniu și a deschis calea pentru separarea stilului și conținutului. În mod modern, XHTML definește structura semantică ... Citeste mai mult (CSS).

În dedesubt titlu, adauga o stil etichetă:

În aceste etichete de stil este locul în care vă veți scrie CSS. Iată ce aveți nevoie:

.coinmarketcap-valuta-widget {lățime: 33%; marja: 100px auto; }

Acest CSS simplu face două lucruri. Folosind Model de obiect document JavaScript și Dezvoltarea Web: Utilizarea modelului de obiect documentAcest articol vă va prezenta scheletul documentului cu care funcționează JavaScript. Având cunoștințe de lucru despre acest model de obiect de document abstract, puteți scrie JavaScript care funcționează pe orice pagină web. Citeste mai mult (DOM), se adresează coinmarketcap-valută widget clasă. Această clasă este principalul container pentru widget, astfel încât această comandă solicită browserului dvs. web să aplice următoarele stiluri la acel element particular.

Lățimea widgetului este setată pe 33%, care asigură că nu mai arată întins atunci când este lăsat la opțiunea implicită (care este 100% în această instanță).

În cele din urmă, o marjă de 100 de pixeli este adăugată în partea de sus și de jos, cu stânga și dreapta obținând o marjă de auto. Acest lucru îndepărtează widget-ul din partea de sus a browserului și îl centrează orizontal.

Nu există aproape nicio limită la cât de departe poți merge cu stilul acestui widget. Poate că vă place textul roșu sau un fundal albastru? Ce zici de textul intermitent? Cerul este într-adevăr limita!

Adăugarea mai multor monede

După ce ați examinat elementele de bază, este timpul să adăugați mai multe monede. Chiar dacă dețineți o singură monedă, diversificarea tabloului de bord are mai multe avantaje.

Ca regulă liberă (deși orice se poate întâmpla în vestul sălbatic al criptomonedelor), alte monede se ridică atunci când Bitcoin se prăbușește, în afară de când Bitcoin se scufunde absolut, este nevoie de orice alt lucru.

Prin monitorizarea altor valute, puteți vedea adesea clar că banii curg dintr-o parte și în alta. Dacă doriți să achiziționați o monedă nouă, adăugarea acesteia în tabloul de bord înseamnă că puteți observa o tendință sau un nivel zilnic pentru a obține o afacere!

Utilizând pașii de mai sus, mergeți mai departe și obțineți codul widget pentru orice alte monede pe care doriți să le urmăriți. Pur și simplu lipiți-le sub trackerul Bitcoin astfel:

Nu aveți nevoie currency.js pentru fiecare widget. Ai nevoie de el doar o dată pe pagină.

Dacă reîncărcați tabloul de bord, veți vedea că nu arată foarte bine. Toate monedele sunt stivuite vertical, și există lacune uriașe între ele! Va trebui să modificați CSS pentru ca aceste widget să pară mai bune pentru mai multe monede.

Prin ajustarea lățimii și marjei fiecărui container widget, puteți alinia mai multe widget-uri pe orizontală, astfel:

latime: 23%; marja: 10px 1%; plutește la stânga;

Folosind același CSS, este posibil să stivați cât mai multe widget-uri doriți, deși poate fi necesar să îl modificați ușor după aproximativ 12 widget-uri.

O ultimă notă de finalizare este de a face încărcarea de bord automat, asigurându-vă întotdeauna cele mai recente prețuri.

În interiorul cap etichete din partea de sus a documentului dvs., lipiți această meta tag:

Aceasta vă va reîmprospăta pagina la fiecare X secunde, unde X este specificat în interior conţinut. Codul de mai sus va reîmprospăta pagina la fiecare 60 de secunde. Modificați acest lucru în orice doriți, cu condiția să introduceți numărul în câteva secunde.

A sta Sane

Acum, când tabloul de bord al criptocurrenței este complet, nu mai trebuie să verificați coinmarketcap.com, sau coinbase.comsau orice site web pe care îl utilizați pentru a vă monitoriza achizițiile. Doar nu te înnebuni verificând prețurile în fiecare minut.

Lăsați-l să funcționeze pe computer sau poate chiar configurați-l pe un Zmeura Pi și să-l alergi pe hol!

Dacă doriți să verificați prețurile în mișcare, atunci consultați ghidul nostru pentru cele mai bune aplicații Android pentru cryptocurrency Rămâi la curent cu CryptoCurrency cu aceste aplicații AndroidUrmărirea schimbării monedei virtuale și a tranzacționării pe zi poate fi amuzantă și o modalitate de a-ți crește profiturile după o zi bună de exploatare. Citeste mai mult și nu uitați să citiți ghidul nostru tot ceea ce trebuie să știți înainte de a cumpăra cryptocurrency.

Ați construit un tablou de bord crypto? Unde l-ai plasat pe al tău? Spuneți-ne în comentariile de mai jos!