So erstellen Sie Ihr eigenes Cryptocurrency-Dashboard

Mit all den Gesprächen über das Waschen einer Bitcoin-Gabel und was passiert danach? Was ist eine Bitcoin-Gabel und was passiert danach? Kryptowährungen sind aufregend und faszinierend. Im Gegensatz zu regulärem Geld kann sich die Kryptowährung in zwei verschiedene Münztypen "verzweigen". Aber wie machen sie das und was bedeutet Fork überhaupt? Lesen Sie mehr, Betrug, Websites, die Ihre CPU stehlen, um Altcoins abzubauen. Verwenden Websites für Cryptocurrency Mining Ihre CPU? Verwenden Websites Ihre CPU für Kryptowährungs-Mining? Online-Werbung ist unpopulär, daher ist die Online-Piraterie-Website The Pirate Bay auf eine Lösung gestoßen. Würden Sie sich freuen, wenn Ihr PC so entführt wurde? Lesen Sie mehr und verrückte Preisschwankungen, Kryptowährungen (“Krypto”) werden sicherlich mehr Mainstream.

Wenn Sie investiert haben oder erwägen, Kryptowährungen zu kaufen, benötigen Sie eine Möglichkeit, ihre Preise in Echtzeit zu überwachen. Glücklicherweise können Sie sich einfach ein Krypto-Dashboard erstellen, das nur HTML und CSS enthält. Lernen Sie HTML und CSS mit diesen Step-by-Step-Tutorials. Lernen Sie HTML und CSS mit diesen Step-by-Step-Tutorials. Wenn Sie der Meinung sind, wie Sie eine Website von Grund auf neu erstellen können, dann haben Sie hier einige großartige Schritt-für-Schritt-Anleitungen, die einen Versuch wert sind. Weiterlesen .

Hinweis: Der Kauf von Kryptowährungen ist eine hochspekulative Investition. Investieren Sie niemals mehr als Sie sich leisten können, und seien Sie bereit, alles über Nacht zu verlieren.

Fertig machen

Dieses Dashboard wird von einem kostenlosen Widget unterstützt, das von coinmarketcap.com bereitgestellt wird. Diese ausgezeichnete Website zeigt Statistiken und aktuelle Preise von Tausenden von Kryptowährungen. Wählen Sie zunächst Ihre gewünschte Währung aus oder geben Sie eine Münze in die Suchfunktion oben rechts ein.

Nach der Auswahl gelangen Sie zum Münze Übersicht Seite, auf der verschiedene Statistiken, Diagramme und Analysen zu Ihrer gewählten Münze angezeigt werden. Geh rüber zum Werkzeuge Tab. Hier sehen Sie ein fertiges Widget mit spezifischen Daten zu Ihrer gewählten Münze. Fühlen Sie sich frei, mit dem zu experimentieren Passen Sie dieses Widget an Einstellungen, aber für jetzt reicht das grundlegende Widget. Kopieren Sie den Code aus der Website-Widget oder halten Sie die Seite für die spätere Verwendung offen.

So sieht der Widget-Code für Bitcoin aus:

Egal, ob Sie Bitcoin, Ethereum, Ripple, Dogecoin oder irgendeinen anderen der 1.000 lieben+ Alternative (alt) -Münzen verfügbar, dieser Vorgang ist genau der gleiche: Finden Sie eine Münze und kopieren Sie dann den Widget-Code.

Wenn Sie Lust auf Automatisierung haben, können Sie die API-Ticker und ein Zeitplanungstool wie Cron So planen Sie Aufgaben in Linux mit Cron und Crontab So planen Sie Aufgaben in Linux mit Cron und Crontab Die Fähigkeit, Aufgaben zu automatisieren, ist eine dieser futuristischen Technologien, die bereits vorhanden ist. Dank des einfach zu bedienenden Hintergrunddienstes cron kann jeder Linux-Benutzer von Terminplanungssystem- und Benutzeraufgaben profitieren. Lesen Sie mehr, um fast alles, was Sie möchten, durchzuführen. Dies würde den Rahmen dieses Artikels sprengen, aber Sie könnten beispielsweise eine E-Mail-Benachrichtigung erstellen, wenn der Preis unter einen bestimmten Schwellenwert fällt.

Die Webseite erstellen

Nun, da Sie das Widget haben, müssen Sie eine einfache HTML-Seite erstellen, um es anzuzeigen. Erstellen Sie mit Ihrem bevorzugten Texteditor eine neue HTML-Datei namens dashboard.html.

Hier ist der Startercode, den Sie benötigen:

Fügen Sie Ihren HTML-Widgetcode zwischen ein Karosserie Stichworte. Zurück zu Bitcoin, der gesamte Code sieht folgendermaßen aus:

Das ist alles dazu. Ist es wirklich so einfach So erstellen Sie Ihr eigenes Cryptocurrency-Dashboard.

Schön machen

Während dieses Dashboard ist technisch fertig, es ist nicht so toll. Das Widget füllt den Bildschirm horizontal aus, ist jedoch vertikal nicht sehr groß. Stilisieren wir es mit Cascading Style Sheets. 5 Baby-Schritte zum Erlernen von CSS und zum Kick-Ass-CSS-Zauberer. 5 Baby-Schritte zum Lernen von CSS und zum Kick-Ass-CSS-Zauberer. und es hat den Weg für die Trennung von Stil und Inhalt geebnet. Auf moderne Art definiert XHTML die semantische Struktur… Read More (CSS).

Unter der Titel, füge hinzu ein Stil Etikett:

In diesen Stil-Tags schreiben Sie Ihr CSS. Hier ist was Sie brauchen:

.Münzenmarketcap-Währungs-Widget Breite: 33%; Marge: 100px auto; 

Dieses einfache CSS macht zwei Dinge. Verwenden des Dokumentobjektmodells JavaScript und Webentwicklung: Verwenden des Dokumentobjektmodells JavaScript und Webentwicklung: Verwenden des Dokumentobjektmodells In diesem Artikel werden Sie in das Dokument-Grundgerüst eingeführt, mit dem JavaScript arbeitet. Wenn Sie mit diesem abstrakten Dokumentobjektmodell vertraut sind, können Sie JavaScript schreiben, das auf jeder Webseite funktioniert. Lesen Sie mehr (DOM) Münzenmarketcap-Währungs-Widget Klasse. Diese Klasse ist der Hauptcontainer für das Widget. Daher weist dieser Befehl Ihren Webbrowser an, die folgenden Stile auf dieses bestimmte Element anzuwenden.

Die Breite des Widgets ist auf festgelegt 33%, Dies stellt sicher, dass es nicht länger gestreckt aussieht, wenn die Standardoption beibehalten wird (in diesem Fall 100%)..

Schließlich wird ein Rand von 100 Pixeln oben und unten hinzugefügt, wobei links und rechts ein Rand von angezeigt wird Auto. Dadurch wird das Widget vom oberen Rand Ihres Browsers weg verschoben und horizontal zentriert.

Es gibt fast keine Grenzen dafür, wie weit Sie dieses Widget gestalten können. Vielleicht magst du roten Text oder einen blauen Hintergrund? Wie wäre es mit blinkendem Text? Der Himmel ist wirklich die Grenze!

Weitere Münzen hinzufügen

Nachdem Sie die Grundlagen festgelegt haben, ist es Zeit, weitere Münzen hinzuzufügen. Selbst wenn Sie nur eine Münze besitzen, hat die Diversifizierung Ihres Dashboards mehrere Vorteile.

Als ein lose Regel (obwohl im wilden Westen der Kryptowährungen alles passieren kann), steigen die Altmünzen, wenn Bitcoin gesunken ist. Abgesehen davon, wenn Bitcoin absolut versinkt, nimmt es alles andere mit sich.

Wenn Sie andere Währungen überwachen, können Sie oft deutlich sehen, dass Geld aus einer in eine andere fließt. Wenn Sie eine neue Münze kaufen möchten, bedeutet das Hinzufügen zu Ihrem Dashboard, dass Sie möglicherweise einen Trend oder ein Tagestief erkennen können, um ein Schnäppchen zu machen!

Gehen Sie wie oben beschrieben vor und rufen Sie den Widget-Code für alle anderen Währungen ab, die Sie verfolgen möchten. Fügen Sie sie einfach wie folgt unter den Bitcoin-Tracker ein:

Du brauchst das nicht währung.js für jedes Widget. Sie brauchen es nur einmal pro Seite.

Wenn Sie Ihr Dashboard neu laden, werden Sie feststellen, dass es nicht besonders gut aussieht. Alle Münzen sind vertikal gestapelt, und es gibt riesige Lücken zwischen ihnen! Sie müssen das CSS ändern, damit diese Widgets für mehrere Münzen besser aussehen.

Durch Anpassen der Breite und des Rands jedes Widget-Containers können Sie mehrere Widgets horizontal anordnen, wie folgt:

Breite: 23%; Marge: 10px 1%; Schwimmer: links;

Wenn Sie dasselbe CSS verwenden, können Sie beliebig viele Widgets stapeln, obwohl Sie sie nach etwa 12 Widgets etwas ändern müssen.

Ein abschließender Punkt ist, das Dashboard automatisch neu zu laden, um sicherzustellen, dass Sie immer die aktuellsten Preise haben.

In der Kopf Tags am oberen Rand Ihres Dokuments, fügen Sie dieses Meta-Tag ein:

Dadurch wird Ihre Seite alle X Sekunden aktualisiert, wobei X darin angegeben ist Inhalt. Der obige Code aktualisiert die Seite alle 60 Sekunden. Ändern Sie diese Einstellung nach Belieben, sofern Sie die Nummer in Sekunden eingeben.

Vernünftig bleiben

Jetzt, da Ihr Cryptocurrency-Dashboard vollständig ist, müssen Sie nicht mehr coinmarketcap.com oder coinbase.com oder die Website, die Sie zur Überwachung Ihrer Einkäufe verwenden, überprüfen. Machen Sie sich nicht verrückt, indem Sie jede Minute die Preise überprüfen.

Lassen Sie es auf Ihrem Computer laufen oder richten Sie es möglicherweise auf einem Raspberry Pi ein und lassen Sie es in Ihrem Flur laufen!

Wenn Sie die Preise unterwegs überprüfen möchten, werfen Sie einen Blick auf unseren Leitfaden zu den besten Android-Apps für Kryptowährung. Bleiben Sie auf dem neuesten Stand der CryptoCurrency mit diesen Android-Apps Apps Das Nachverfolgen der virtuellen Währungsänderung und des Tageshandels kann sowohl Spaß machen als auch einen Weg darstellen, um Ihren Gewinn nach einem guten Mining-Tag zu steigern. Lesen Sie mehr und vergessen Sie nicht, in unserem Leitfaden alles zu lesen, was Sie vor dem Kauf von Kryptowährung wissen müssen.

Haben Sie ein Crypto-Dashboard erstellt? Wo hast du deine platziert? Lass es uns in den Kommentaren wissen!

Erfahren Sie mehr über: Kryptowährung.