Hoe u uw eigen cryptocurrency-dashboard kunt maken

Met alle gesprekken over het zoeken naar wat is een Bitcoin-vork en wat gebeurt er daarna? Wat is een Bitcoin-vork en wat gebeurt er daarna? Cryptocurrencies zijn opwindend en intrigerend. In tegenstelling tot regulier geld kan cryptocurrency twee verschillende soorten munten "aanvullen". Maar hoe doen ze het, en wat betekent vork eigenlijk? Meer lezen, oplichting, websites die uw CPU stelen om mijnen te ontginnen Zijn websites uw CPU gebruiken voor het mijnbouw van cryptocurrency? Zijn websites met uw CPU voor Cryptocurrency Mining? Online advertenties zijn niet populair, dus de beruchte online piraterij-site The Pirate Bay heeft een oplossing gevonden: gebruik elke bezoekende pc om cryptocurrencies te mijnen. Zou je blij zijn als je pc zo is gekaapt? Read More, en gekke prijsvolatiliteit, cryptocurrencies (“crypto”) worden zeker meer mainstream.

Als u heeft geïnvesteerd of overweegt om cryptocurrencies te kopen, heeft u een manier nodig om hun prijzen in realtime te controleren. Gelukkig kun je eenvoudig een cryptodashboard bouwen met niets meer dan HTML en CSS. HTML en CSS leren met deze stapsgewijze zelfstudies Leer HTML en CSS met deze stapsgewijze handleidingen Benieuwd naar HTML, CSS en JavaScript? Als je denkt dat je de gave hebt om vanaf nul te leren hoe je websites kunt maken - hier zijn een paar geweldige stap-voor-stap tutorials die het proberen waard zijn. Lees verder .

Notitie: Het kopen van cryptocurrencies is een zeer speculatieve investering. Investeer nooit meer dan u zich kunt veroorloven, en wees bereid om alles 's nachts te verliezen.

Ermee beginnen

Dit dashboard wordt mogelijk gemaakt door een gratis widget van coinmarketcap.com. Deze uitstekende website toont statistieken en huidige prijzen van duizenden cryptocurrencies. Begin met het selecteren van uw valuta naar keuze, of door een munt in de zoekfaciliteit in de rechterbovenhoek in te voeren.

Na selectie wordt u naar de munt overzicht pagina, waar verschillende statistieken, grafieken en analyses worden getoond over de door u gekozen munt. Ga naar de Hulpmiddelen tab. Hier zie je een kant en klare widget met specifieke gegevens over de door jou gekozen munt. Voel je vrij om te experimenteren met de Pas deze widget aan instellingen, maar voor nu is de basiswidget voldoende. Kopieer de code van de Website Widget doos of houd de pagina open voor later gebruik.

Dit is hoe de widgetcode eruitziet voor Bitcoin:

Of je nu van Bitcoin, Ethereum, Ripple, Dogecoin of een van de 1.000 houdt+ alternatief (alt) munten beschikbaar, dit proces is precies hetzelfde: zoek een munt en kopieer de widgetcode.

Als u zin ​​heeft in automatisering, kunt u de API Ticker en een planningstool zoals Cron Hoe taken plannen in Linux met Cron en Crontab Hoe taken plannen in Linux met Cron en Crontab De mogelijkheid om taken te automatiseren is een van die futuristische technologieën die er al is. Elke Linux-gebruiker kan profiteren van planningssysteem- en gebruikerstaken, dankzij cron, een gebruiksvriendelijke achtergrondservice. Lees meer om bijna alles te doen wat u maar wilt. Het is een beetje buiten het bereik van dit artikel, maar u kunt een e-mailwaarschuwing maken als de prijs bijvoorbeeld onder een bepaalde drempel daalt.

De webpagina bouwen

Nu u de widget hebt, moet u een eenvoudige HTML-pagina maken om deze weer te geven. Maak een nieuw HTML-bestand met de naam van uw favoriete teksteditor dashboard.html.

Dit is de startercode die je nodig hebt:

Plak je HTML-widgetcode tussen de lichaam -tags. Terugkomend op Bitcoin ziet de hele code er als volgt uit:

Dat is alles wat er is. Het is echt dat is simpel om uw eigen cryptocurrency-dashboard te maken.

Het mooi maken

Terwijl dit dashboard is technisch gezien klaar, het is niet geweldig. De widget vult het scherm horizontaal, maar is niet erg hoog verticaal. Laten we het stijlen met cascading style sheets 5 Baby stappen om CSS te leren en een kick-ass te worden CSS Sorcerer 5 Baby begint CSS te leren en een kick-ass te worden CSS Sorcerer CSS is de allerbelangrijkste verandering die webpagina's in het afgelopen decennium hebben gezien, en het maakte de weg vrij voor de scheiding van stijl en inhoud. Op de moderne manier definieert XHTML de semantische structuur ... Lees meer (CSS).

Onder de titel, Voeg een ... toe stijl label:

In deze stijltags schrijf je je CSS. Dit is wat je nodig hebt:

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

Deze eenvoudige CSS doet twee dingen. Het documentobjectmodel JavaScript en webontwikkeling gebruiken: Het documentobjectmodel JavaScript en webontwikkeling gebruiken: Het documentobjectmodel gebruiken Dit artikel introduceert u het documentskelet waarmee JavaScript werkt. Als u op de hoogte bent van dit abstracte documentobjectmodel, kunt u JavaScript schrijven dat op elke webpagina werkt. Lees meer (DOM), het richt zich op de coinmarketcap-currency-widget klasse. Deze klasse is de hoofdcontainer voor de widget, dus dit commando geeft uw webbrowser opdracht om de volgende stijlen op dat specifieke element toe te passen.

De breedte van de widget is ingesteld op 33%, wat ervoor zorgt dat het niet langer gestrekt lijkt wanneer het wordt verlaten op de standaardoptie (wat in dit geval 100% is).

Ten slotte wordt een marge van 100 pixels toegevoegd aan de boven- en onderkant, waarbij links en rechts een marge krijgen van auto. Hiermee verplaatst u de widget van de bovenkant van uw browser en centreert u deze horizontaal.

Er is bijna geen limiet aan hoe ver je kunt gaan met je stijl van deze widget. Misschien hou je van rode tekst of een blauwe achtergrond? Hoe zit het met het knipperen van tekst? De lucht is echt de limiet!

Meer munten toevoegen

Nu je de basis hebt genageld, is het tijd om meer munten toe te voegen. Zelfs als u slechts één munt bezit, heeft het diversifiëren van uw dashboard verschillende voordelen.

Als een losse regel (hoewel er van alles kan gebeuren in het wilde westen van cryptocurrencies), gaan alt-munten omhoog wanneer Bitcoin naar beneden gaat, behalve wanneer Bitcoin absoluut zinkt, neemt het al het andere met zich mee.

Door andere valuta te controleren, kun je vaak duidelijk zien dat geld uit de ene stroomt en in de andere. Als u op zoek bent naar een nieuwe munt, voegt u deze toe aan uw dashboard, zodat u een trend of dagelijks laagtepunt kunt vinden om een ​​koopje op te halen!

Gebruik de bovenstaande stappen om door te gaan en de widgetcode te verkrijgen voor andere valuta's die u wilt bijhouden. Plak ze eenvoudig onder de Bitcoin-tracker zoals hieronder:

Je hebt het niet nodig currency.js voor elke widget. Je hebt het maar één keer per pagina nodig.

Als u uw dashboard opnieuw laadt, ziet u dat het er niet erg goed uitziet. Alle munten zijn verticaal gestapeld en er zitten enorme gaten tussen! U moet de CSS aanpassen om deze widgets er beter uit te laten zien voor meerdere munten.

Door de breedte en marge van elke widgetcontainer aan te passen, kunt u meerdere widgets horizontaal uitlijnen, zoals deze:

breedte: 23%; marge: 10px 1%; zweven: links;

Met behulp van deze zelfde CSS is het mogelijk om zoveel widgets op te stapelen als je wilt, hoewel je het misschien een beetje moet aanpassen na ongeveer 12 widgets.

Een laatste finishing touch is om het dashboard automatisch opnieuw te laden, zodat u altijd over de nieuwste prijzen beschikt.

Binnen in de hoofd label aan de bovenkant van uw document, plak deze metatag:

Hiermee wordt uw pagina elke X seconden vernieuwd, waarbij X binnen wordt opgegeven inhoud. De bovenstaande code vernieuwt de pagina elke 60 seconden. Wijzig dit in wat u maar wilt, op voorwaarde dat u het aantal in seconden invoert.

Sane blijven

Nu uw cryptocurrency-dashboard compleet is, hoeft u niet langer coinmarketcap.com of coinbase.com te controleren, of welke website u ook gebruikt om uw aankopen te controleren. Maak jezelf niet gek door de prijzen elke minuut te bekijken.

Laat het draaien op je computer, of misschien zet je het op een Raspberry Pi en laat het draaien in je gang!

Als u onderweg prijzen wilt zien, neem dan een kijkje in onze gids voor de beste cryptocurrency Android-apps Blijf op de hoogte van uw crypto-valuta met deze Android-apps Blijf op de hoogte van uw crypto-valuta met deze Android Apps Het bijhouden van virtuele valutawissel en daghandel kan zowel leuk zijn als een manier om je winst te vergroten na een goede dag mijnen. Lees meer en vergeet niet onze gids te lezen over alles wat u moet weten voordat u cryptocurrency koopt.

Heb je een cryptodashboard gebouwd? Waar heb je de jouwe geplaatst? Laat het ons weten in de comments hieronder!

Ontdek meer over: Cryptocurrency.