Come creare la tua dashboard Cryptocurrency

Con tutti i discorsi di biforcarsi Cos'è un fork di Bitcoin e cosa succederà dopo? Che cosa è un fork Bitcoin e cosa succederà dopo? Le criptovalute sono eccitanti e intriganti. A differenza del denaro normale, la criptovaluta può "sborsare" in due diversi tipi di monete. Ma come fanno a farlo, e cosa significa forchetta? Per saperne di più, truffe, siti Web che rubano la tua CPU ai miei altcoin Sono siti web che utilizzano la tua CPU per l'estrazione di criptovalute? I siti web utilizzano la CPU per l'estrazione di criptovalute? Le pubblicità online sono impopolari, il famigerato sito di pirateria online The Pirate Bay ha trovato una soluzione: utilizzare ogni PC in visita per estrarre le criptovalute. Saresti felice se il tuo PC fosse stato dirottato in questo modo? Ulteriori informazioni e pazzesca volatilità dei prezzi, criptovalute (“crypto”) stanno certamente diventando più mainstream.

Se hai investito o stai pensando di acquistare criptovalute, avrai bisogno di un modo per monitorare i loro prezzi in tempo reale. Fortunatamente, puoi crearti facilmente un crypto dashboard usando nient'altro che HTML e CSS. Impara HTML e CSS con questi tutorial passo passo. Impara HTML e CSS con questi tutorial passo per passo. Curioso su HTML, CSS e JavaScript? Se pensi di avere un talento per imparare a creare siti Web da zero, ecco alcuni tutorial dettagliati che vale la pena provare. Leggi di più .

Nota: L'acquisto di criptovalute è un investimento altamente speculativo. Non investire mai più di quanto puoi permetterti e preparati a perderlo tutto durante la notte.

Iniziare

Questa dashboard è alimentata da un widget gratuito fornito da coinmarketcap.com. Questo eccellente sito Web mostra statistiche e prezzi correnti di migliaia di criptovalute. Inizia selezionando la valuta scelta o inserendo una moneta nella funzione di ricerca in alto a destra.

Una volta selezionato, verrai indirizzato al panoramica delle monete pagina, dove vengono mostrate varie statistiche, grafici e analisi sulla moneta scelta. Dirigetevi verso il Utensili scheda. Qui è dove vedrai un widget pronto, che mostra i dati specifici sulla moneta scelta. Sentiti libero di sperimentare con Personalizza questo widget impostazioni, ma per ora il widget di base è sufficiente. Copia il codice dal Widget del sito web casella o mantenere la pagina aperta per l'uso in seguito.

Ecco come appare il codice del widget per Bitcoin:

Che tu sia in Bitcoin, Ethereum, Ripple, Dogecoin o qualsiasi altro dei 1.000+ alternativa (alt) monete disponibili, questo processo è esattamente lo stesso: trova una moneta, quindi copia il codice del widget.

Se vuoi divertirti con l'automazione, puoi usare il Ticker API e uno strumento di programmazione come Cron Come pianificare le attività in Linux con Cron e Crontab Come pianificare le attività in Linux con Cron e Crontab La possibilità di automatizzare le attività è una di quelle tecnologie futuristiche che è già qui. Ogni utente Linux può trarre vantaggio dal sistema di pianificazione e dalle attività dell'utente, grazie a cron, un servizio di background facile da usare. Leggi di più per eseguire quasi tutto ciò che ti piace. È un po 'oltre lo scopo di questo articolo, ma potresti creare un avviso email se il prezzo scende al di sotto di una certa soglia, ad esempio.

Costruire la pagina Web

Ora che hai il widget, devi creare una pagina HTML di base per visualizzarla. Usando il tuo editor di testo preferito, crea un nuovo file HTML chiamato dashboard.html.

Ecco il codice di avviamento che ti serve:

Incolla il codice del tuo widget HTML tra il corpo tag. Tornando a Bitcoin, l'intero codice si presenta così:

Questo è tutto ciò che c'è da fare. È davvero così semplice per creare il tuo cruscotto cryptocurrency.

Rendendolo carino

Mentre questo dashboard è tecnicamente finito, non è grandioso. Il widget riempie lo schermo orizzontalmente, ma non è molto alto verticalmente. Facciamo uno stile con fogli di stile a cascata 5 Passi per imparare CSS e diventare un Kick-Ass Stregone dei CSS 5 Passi per imparare i CSS e diventare un Kick-Ass CSS Sorcerer CSS è il singolo cambiamento più importante che le pagine web hanno visto nell'ultimo decennio, e ha aperto la strada alla separazione tra stile e contenuto. Nel modo moderno, XHTML definisce la struttura semantica ... Per saperne di più (CSS).

Sotto il titolo, aggiungere un stile etichetta:

All'interno di questi tag stile è dove scriverai il tuo CSS. Ecco di cosa hai bisogno:

.coinmarketcap-currency-widget width: 33%; margine: 100px auto; 

Questo semplice CSS fa due cose. Utilizzo del modello di oggetto documento Sviluppo JavaScript e Web: utilizzo del modello di oggetto documento Sviluppo JavaScript e Web: utilizzo del modello di oggetto documento In questo articolo viene illustrato lo scheletro del documento con cui JavaScript funziona. Avendo una conoscenza pratica di questo modello di oggetto astratto documento, è possibile scrivere JavaScript che funziona su qualsiasi pagina web. Leggi di più (DOM), si rivolge al coinmarketcap-valuta-widget di classe. Questa classe è il contenitore principale per il widget, quindi questo comando indica al tuo browser di applicare i seguenti stili a quel particolare elemento.

La larghezza del widget è impostata su 33%, che assicura che non sembra più allungato quando lasciato con l'opzione predefinita (che è al 100% in questa istanza).

Infine, un margine di 100 pixel viene aggiunto in alto e in basso, con i margini sinistro e destro auto. Questo sposta il widget lontano dalla parte superiore del browser e lo centra orizzontalmente.

Non c'è quasi limite a quanto lontano puoi andare con lo stile di questo widget. Forse ti piace il testo rosso o uno sfondo blu? Che ne dici del testo lampeggiante? Il cielo è davvero il limite!

Aggiungere più monete

Ora che hai inchiodato le basi, è ora di aggiungere più monete. Anche se possiedi solo una moneta, la diversificazione della tua dashboard ha diversi vantaggi.

Come un regola allentata (anche se qualsiasi cosa può accadere nel selvaggio west delle criptovalute), le monete alt vanno su quando Bitcoin va giù, a parte quando Bitcoin si affonda completamente, ci vuole tutto il resto.

Monitorando le altre valute, puoi spesso vedere chiaramente che il denaro scorre da uno e in un altro. Se stai cercando di acquistare una nuova moneta, aggiungerla alla tua dashboard significa che è possibile individuare una tendenza o un minimo giornaliero per ottenere un affare!

Utilizzando i passaggi precedenti, vai avanti e ottieni il codice del widget per tutte le altre valute che desideri monitorare. Basta incollarli sotto il tracker Bitcoin in questo modo:

Non hai bisogno del currency.js per ogni widget. Ne hai bisogno solo una volta per pagina.

Se ricarichi la tua dashboard, vedrai che non sembra molto buona. Tutte le monete sono impilate verticalmente e ci sono enormi spazi vuoti tra loro! Dovrai modificare il CSS per far sì che questi widget risultino migliori per più monete.

Regolando la larghezza e il margine di ciascun contenitore di widget, puoi allineare più widget in orizzontale, come questo:

larghezza: 23%; margine: 10px 1%; fluttuare: a sinistra;

Usando lo stesso CSS, è possibile impilare tutti i widget che vuoi, anche se potresti aver bisogno di modificarlo leggermente dopo circa 12 widget.

Un ultimo tocco finale è quello di far ricaricare automaticamente la dashboard, assicurandoti di avere sempre i prezzi più recenti.

Dentro il capo tag nella parte superiore del documento, incolla questo meta tag:

Questo aggiornerà la tua pagina ogni X secondi, dove X è specificato all'interno soddisfare. Il codice sopra aggiornerà la pagina ogni 60 secondi. Cambia questo in qualunque cosa ti piaccia, purché tu inserisca il numero in secondi.

Rimanere Sano

Ora che la dashboard della criptovaluta è completa, non è più necessario controllare coinmarketcap.com, o coinbase.com, o qualsiasi altro sito Web utilizzato per monitorare i tuoi acquisti. Basta non impazzire controllando i prezzi ogni minuto.

Lascialo in esecuzione sul tuo computer, o forse addirittura lo configuri su un Raspberry Pi e fallo girare nel tuo corridoio!

Se stai cercando di controllare i prezzi in movimento, dai un'occhiata alla nostra guida alle migliori applicazioni Android di criptovaluta Rimani aggiornato sulla tua CryptoCurrency con queste app Android Rimani aggiornato sulla tua CryptoCurrency con questi Android Applicazioni Tenere traccia del cambio di valuta virtuale e del day trading può essere sia divertente, sia un modo per aumentare i profitti dopo una buona giornata di estrazione. Leggi di più, e non dimenticare di leggere la nostra guida su tutto ciò che devi sapere prima di acquistare criptovaluta.

Hai costruito un crypto dashboard? Dove hai posto il tuo? Fateci sapere nei commenti qui sotto!

Scopri di più su: Criptovaluta.