Πώς να φτιάξετε τον δικό σας Πίνακα ελέγχου κρυπτοεικονισμού

Διαφήμιση

Με όλες τις συνομιλίες του φρεζάρισμα, απάτες, ιστοσελίδες που κλέβουν την CPU σας για να εξορύσσουν αλκοόλ, και η τρελή μεταβλητότητα των τιμών, οι cryptocurrencies ("crypto") σίγουρα γίνονται όλο και πιο συνηθισμένες.

Εάν έχετε επενδύσει ή σκέφτεστε να αγοράσετε κρυπτοσυστήματα, τότε θα χρειαστείτε έναν τρόπο να παρακολουθείτε τις τιμές τους σε πραγματικό χρόνο. Ευτυχώς, μπορείτε εύκολα να φτιάξετε τον εαυτό σας ένα ταμπλό κρυπτογράφησης χρησιμοποιώντας μόνο τίποτα HTML και CSS Μάθετε το HTML και το CSS με αυτά τα Βήμα-Βήμα TutorialsΠεριέργεια για HTML, CSS και JavaScript; Αν νομίζετε ότι έχετε ένα πλεονέκτημα για να μάθετε πώς να δημιουργείτε ιστοσελίδες από το μηδέν - εδώ είναι μερικά μεγάλα βήμα-βήμα tutorials που αξίζει να δοκιμάσετε. Διαβάστε περισσότερα .

Σημείωση: Η αγορά κρυπτοπλοειών είναι μια πολύ κερδοσκοπική επένδυση. Ποτέ μην επενδύετε περισσότερο από ό, τι μπορείτε να αντέξετε οικονομικά, και να είστε έτοιμοι να το χάσετε όλη τη νύχτα.

Ξεκινώντας

Αυτό το ταμπλό τροφοδοτείται από ένα δωρεάν widget που παρέχεται από

coinmarketcap.com. Αυτός ο εξαιρετικός ιστότοπος παρουσιάζει στατιστικά στοιχεία και τρέχουσες τιμές χιλιάδων κρυπτοσυχνοτήτων. Ξεκινήστε επιλέγοντας το νόμισμα που επιθυμείτε ή εισάγοντας ένα νόμισμα στη μηχανή αναζήτησης στην επάνω δεξιά γωνία.

Μόλις επιλεγεί, θα μεταφερθείτε στο επισκόπηση κερμάτων σελίδα, όπου εμφανίζονται διάφορα στατιστικά στοιχεία, διαγράμματα και αναλυτικά στοιχεία σχετικά με το κέρμα που έχετε επιλέξει. Προχωρήστε στο Εργαλεία αυτί. Αυτό είναι όπου θα δείτε ένα έτοιμο widget, εμφανίζοντας συγκεκριμένα δεδομένα για το κέρμα που επιλέξατε. Μη διστάσετε να πειραματιστείτε με το Προσαρμόστε αυτό το γραφικό στοιχείο ρυθμίσεις, αλλά για τώρα, το βασικό γραφικό στοιχείο είναι αρκετό. Αντιγράψτε τον κώδικα από το Ιστοσελίδα Widget ή κρατήστε τη σελίδα ανοικτή για χρήση αργότερα.

Εδώ φαίνεται ο κώδικας widget για το Bitcoin:

Είτε είσαι Bitcoin, Ethereum, Κυματισμός, Dogecoin, ή οποιαδήποτε άλλη από τις 1.000+ εναλλακτική λύση (alt) διαθέσιμα κέρματα, αυτή η διαδικασία είναι ακριβώς η ίδια: βρείτε ένα νόμισμα και, στη συνέχεια, αντιγράψτε τον κώδικα widget.

Εάν θέλετε να αποκτήσετε φαντασία με την αυτοματοποίηση, μπορείτε να χρησιμοποιήσετε το API Ticker και ένα εργαλείο προγραμματισμού όπως Cron Πώς να Schedule Tasks στο Linux με Cron και CrontabΗ δυνατότητα αυτοματοποίησης των εργασιών είναι μία από τις φουτουριστικές τεχνολογίες που είναι ήδη εδώ. Κάθε χρήστης του Linux μπορεί να επωφεληθεί από τον προγραμματισμό των εργασιών του συστήματος και των χρηστών, χάρη στην cron, μια εύχρηστη υπηρεσία φόντου. Διαβάστε περισσότερα για να εκτελέσετε σχεδόν οτιδήποτε θέλετε. Είναι λίγο πέρα ​​από το πεδίο εφαρμογής αυτού του άρθρου, αλλά μπορείτε να δημιουργήσετε μια ειδοποίηση μέσω ηλεκτρονικού ταχυδρομείου εάν η τιμή πέσει κάτω από ένα συγκεκριμένο όριο, για παράδειγμα.

Δημιουργία της ιστοσελίδας

Τώρα που έχετε το γραφικό στοιχείο, θα πρέπει να δημιουργήσετε μια βασική σελίδα HTML για να την εμφανίσετε. Χρησιμοποιώντας τον αγαπημένο σας επεξεργαστή κειμένου, δημιουργήστε ένα νέο αρχείο HTML που ονομάζεται dashboard.html.

Εδώ είναι ο κωδικός εκκίνησης που χρειάζεστε:

Επικολλήστε τον κώδικα widget HTML μεταξύ του σώμα ετικέτες. Επιστρέφοντας στο Bitcoin, ολόκληρος ο κώδικας μοιάζει με αυτόν:

Αυτό είναι το μόνο που υπάρχει σε αυτό. Είναι πραγματικά τόσο απλό για να δημιουργήσετε το δικό σας ταμπλό κρυπτογράφησης.

Κάνοντας αυτό αρκετά

Ενώ αυτό το ταμπλό είναι τεχνικά τελείωσε, δεν είναι υπέροχο. Το γραφικό στοιχείο γεμίζει οριζόντια την οθόνη, αλλά δεν είναι πολύ ψηλά κάθετα. Ας το στυλ με επικαλυπτόμενα φύλλα στυλ 5 μωρά βήματα για να μάθουν CSS και να γίνουν ένα Kick-Ass CSS ΜάγοςΤο CSS είναι οι μοναδικές πιο σημαντικές ιστοσελίδες αλλαγών που έχουν δει την τελευταία δεκαετία και άνοιξε το δρόμο για τον διαχωρισμό του στυλ και του περιεχομένου. Με τον σύγχρονο τρόπο, το XHTML ορίζει τη σημασιολογική δομή ... Διαβάστε περισσότερα (CSS).

Κάτω από το τίτλος, πρόσθεσε ένα στυλ ετικέτα:

Μέσα σε αυτές τις ετικέτες στυλ είναι όπου θα γράψετε το CSS σας. Εδώ είναι αυτό που χρειάζεστε:

.coinmarketcap-νόμισμα-widget {πλάτος: 33%; περιθώριο: 100px αυτόματα; }

Αυτό το απλό CSS κάνει δύο πράγματα. Χρησιμοποιώντας το Μοντέλο αντικειμένου εγγράφου JavaScript και ανάπτυξη ιστού: Χρήση του μοντέλου αντικειμένου εγγράφουΑυτό το άρθρο θα σας παρουσιάσει στον σκελετό εγγράφου με τον οποίο λειτουργεί το JavaScript. Έχοντας μια επαγγελματική γνώση αυτού του αφηρημένου μοντέλου αντικειμένου εγγράφου, μπορείτε να γράψετε JavaScript που λειτουργεί σε οποιαδήποτε ιστοσελίδα. Διαβάστε περισσότερα (DOM), στοχεύει το coinmarketcap-νόμισμα-widget τάξη. Αυτή η κλάση είναι ο κύριος περιέκτης για το γραφικό στοιχείο, οπότε αυτή η εντολή καθοδηγεί το πρόγραμμα περιήγησης ιστού να εφαρμόσει τα παρακάτω στυλ στο συγκεκριμένο στοιχείο.

Το πλάτος του γραφικού στοιχείου έχει οριστεί σε 33%, το οποίο εξασφαλίζει ότι δεν φαίνεται πλέον τεντωμένο όταν παραμείνει στην προεπιλεγμένη επιλογή (η οποία είναι 100% στην περίπτωση αυτή).

Τέλος, προστίθεται περιθώριο 100 εικονοστοιχείων στην κορυφή και στο κάτω μέρος, με το αριστερό και το δεξί να έχει περιθώριο αυτο. Αυτό μετακινεί το γραφικό στοιχείο μακριά από το επάνω μέρος του προγράμματος περιήγησης και το οριζόντια κεντράρει.

Δεν υπάρχει σχεδόν κανένα όριο στο πόσο μπορείτε να πάτε με το στυλ σας για αυτό το widget. Ίσως σας αρέσει το κόκκινο κείμενο ή το μπλε φόντο; Τι γίνεται με το αναβοσβήσιμο κειμένου; Ο ουρανός είναι πραγματικά το όριο!

Προσθήκη περισσότερων κερμάτων

Τώρα που έχετε καρφώσει τα βασικά, ήρθε η ώρα να προσθέσετε περισσότερα νομίσματα. Ακόμα κι αν διαθέτετε μόνο ένα νόμισμα, η διαφοροποίηση του ταμπλό σας έχει πολλά οφέλη.

Σαν χαλαρό κανόνα (αν και οτιδήποτε μπορεί να συμβεί στην άγρια ​​δύση των κρυπτοσυστημάτων), τα άλματα κερδίζουν όταν πέφτει η Bitcoin, εκτός από το πότε βυθίζεται απολύτως ο Bitcoin, παίρνει οτιδήποτε άλλο μαζί του.

Παρακολουθώντας άλλα νομίσματα, συχνά βλέπετε ξεκάθαρα ότι τα χρήματα εξέρχονται από το ένα και το άλλο. Εάν θέλετε να αγοράσετε ένα νέο νόμισμα, προσθέτοντάς το στο ταμπλό σας σημαίνει ότι μπορείτε ενδεχομένως να εντοπίσετε μια τάση ή μια καθημερινή χαμηλή για να κερδίσετε μια συμφωνία!

Χρησιμοποιώντας τα παραπάνω βήματα, προχωρήστε και αποκτήστε τον κωδικό widget για οποιαδήποτε άλλα νομίσματα θέλετε να παρακολουθήσετε. Απλά επικολλήστε τα κάτω από το tracker Bitcoin όπως αυτό:

Δεν χρειάζεστε το currency.js για κάθε γραφικό στοιχείο. Το χρειάζεστε μόνο μία φορά ανά σελίδα.

Αν επαναφορτώσετε τον πίνακα ελέγχου, θα δείτε ότι δεν φαίνεται πολύ καλός. Όλα τα νομίσματα στοιβάζονται κάθετα και υπάρχουν τεράστια κενά μεταξύ τους! Θα χρειαστεί να τροποποιήσετε το CSS για να κάνετε τα widgets να φαίνονται καλύτερα για πολλαπλά νομίσματα.

Ρυθμίζοντας το πλάτος και το περιθώριο κάθε κοντέινερ widget, μπορείτε να ταξινομήσετε πολλά widget οριζόντια, όπως αυτό:

πλάτος: 23%. περιθώριο: 10px 1%; float: αριστερά.

Χρησιμοποιώντας αυτό το ίδιο CSS, είναι δυνατό να στοιβάζετε όσα widgets θέλετε, αν και ίσως χρειαστεί να το τροποποιήσετε λίγο μετά από περίπου 12 widgets.

Μια τελευταία τελική πινελιά είναι να κάνετε το ταμπλό αυτόματα επαναφορτωμένο, διασφαλίζοντας ότι έχετε πάντα τις πιο πρόσφατες τιμές.

μεσα στην κεφάλι ετικέτες στο επάνω μέρος του εγγράφου σας, επικολλήστε αυτό το μετα-ετικέτα:

Αυτό θα ανανεώσει τη σελίδα σας κάθε X δευτερόλεπτα, όπου ορίζεται το X μέσα περιεχόμενο. Ο παραπάνω κώδικας θα ανανεώσει τη σελίδα κάθε 60 δευτερόλεπτα. Αλλάξτε αυτό σε ό, τι θέλετε, υπό τον όρο ότι εισάγετε τον αριθμό σε δευτερόλεπτα.

Μείνετε υγιής

Τώρα που το ταμπλό κρυπτογράφησης ολοκληρώνεται, δεν χρειάζεται πλέον να ελέγχετε coinmarketcap.com, ή coinbase.com, ή οποιαδήποτε ιστοσελίδα χρησιμοποιείτε για την παρακολούθηση των αγορών σας. Απλά μην τρελαίνετε τον εαυτό σας ελέγχοντας τις τιμές κάθε λεπτό.

Αφήστε το να τρέχει στον υπολογιστή σας, ή ίσως να το ρυθμίσετε σε a Raspberry Pi και να τρέχει στο διάδρομό σας!

Αν ψάχνετε να ελέγξετε τις τιμές εν κινήσει, ρίξτε μια ματιά στον οδηγό μας την καλύτερη κρυπτογράφηση εφαρμογών Android Μείνετε ενημερωμένοι για το CryptoMoney σας με αυτές τις εφαρμογές AndroidΗ παρακολούθηση της αλλαγής εικονικού νομίσματος και της ημέρας διαπραγμάτευσης μπορεί να είναι τόσο διασκεδαστική, και ένας τρόπος για να αυξήσετε τα κέρδη σας μετά από μια καλή μέρα εξόρυξης. Διαβάστε περισσότερα , και μην ξεχάσετε να διαβάσετε τον οδηγό μας όλα όσα πρέπει να γνωρίζετε πριν αγοράσετε την κρυπτογράφηση.

Έχετε φτιάξει ένα ταμπλό κρυπτογράφησης; Πού τοποθετήσατε τη δική σας; Ενημερώστε μας στα σχόλια παρακάτω!