Cómo hacer tu propio tablero de instrumentos de Criptomoneda

Con todas las conversaciones sobre el forking ¿Qué es un tenedor de Bitcoin y qué sucede después? ¿Qué es una horquilla de Bitcoin y qué sucede después? Las criptomonedas son emocionantes e intrigantes. A diferencia del dinero normal, la criptomoneda puede "dividirse" en dos tipos diferentes de monedas. Pero, ¿cómo lo hacen, y qué significa tenedor? Lea más, estafas, sitios web que roban su CPU para minar altcoins ¿Están los sitios web utilizando su CPU para Cryptocurrency Mining? ¿Los sitios web utilizan su CPU para la minería de criptomonedas? Los anuncios en línea son impopulares, por lo que el infame sitio de piratería en línea The Pirate Bay ha encontrado una solución: utilizar todas las PC que visitan para extraer criptomonedas. ¿Estarías contento si tu PC fuera secuestrada de esta manera? Leer más, y la volatilidad de los precios locos, criptomonedas (“crypto”) ciertamente se están volviendo más populares.

Si ha invertido o está considerando comprar alguna criptomoneda, entonces necesitará una forma de monitorear sus precios en tiempo real. Afortunadamente, usted puede construir fácilmente un panel de control criptográfico sin usar nada más que HTML y CSS. Aprenda HTML y CSS con estos tutoriales paso a paso Aprenda HTML y CSS con estos tutoriales paso a paso ¿Tiene curiosidad sobre HTML, CSS y JavaScript? Si crees que tienes una habilidad para aprender a crear sitios web desde cero, aquí hay algunos tutoriales paso a paso que vale la pena probar. Lee mas .

Nota: Comprar criptomonedas es una inversión altamente especulativa. Nunca inviertas más de lo que puedes pagar y prepárate para perderlo de la noche a la mañana.

Empezando

Este panel de control está alimentado por un widget gratuito proporcionado por coinmarketcap.com. Este excelente sitio web muestra estadísticas y precios actuales de miles de criptomonedas. Comience seleccionando la moneda de su elección o ingresando una moneda en el servicio de búsqueda en la parte superior derecha.

Una vez seleccionado, serás llevado a la resumen de monedas página, donde se muestran varias estadísticas, gráficos y análisis sobre la moneda elegida. Dirígete a la Herramientas lengüeta. Aquí es donde verá un widget listo para usar, que muestra datos específicos sobre su moneda elegida. Siéntase libre de experimentar con el Personaliza este widget Configuración, pero por ahora, el widget básico es suficiente. Copie el código de la Widget de sitio web cuadro o mantener la página abierta para su uso más adelante.

Así es como se ve el código del widget para Bitcoin:

Si te gusta Bitcoin, Ethereum, Ripple, Dogecoin o cualquier otro de los 1,000+ alternativa (alt) monedas disponibles, este proceso es exactamente el mismo: encuentra una moneda, luego copia el código del widget.

Si desea obtener un toque de automatización, puede utilizar el API Ticker y una herramienta de programación como Cron Cómo programar tareas en Linux con Cron y Crontab Cómo programar tareas en Linux con Cron y Crontab La capacidad de automatizar tareas es una de esas tecnologías futuristas que ya está aquí. Cada usuario de Linux puede beneficiarse de la programación de tareas del sistema y del usuario, gracias a cron, un servicio en segundo plano fácil de usar. Lee más para realizar casi cualquier cosa que te guste. Está un poco más allá del alcance de este artículo, pero podría crear una alerta de correo electrónico si el precio cae por debajo de un cierto umbral, por ejemplo.

Construyendo la pagina web

Ahora que tiene el widget, necesita crear una página HTML básica para mostrarlo. Usando su editor de texto favorito, cree un nuevo archivo HTML llamado dashboard.html.

Aquí está el código de inicio que necesita:

Pegue su código de widget HTML entre el cuerpo etiquetas Volviendo a Bitcoin, el código completo se ve así:

Eso es todo al respecto. Realmente es que simple para crear su propio tablero de instrumentos de criptomoneda.

Haciéndolo bonito

Mientras que este tablero es técnicamente Terminado, no es genial. El widget llena la pantalla horizontalmente, pero no es muy alto verticalmente. Diseñémoslo con hojas de estilo en cascada 5 Baby Steps to Learning CSS y Convirtiéndose en un Kick-Ass CSS Sorcerer 5 Baby Steps to Learning CSS y Convertirse en un Kick-Ass CSS Sorcerer CSS es el cambio más importante que las páginas web han visto en la última década. y allanó el camino para la separación de estilo y contenido. En la forma moderna, XHTML define la estructura semántica ... Leer más (CSS).

Debajo de la título, Agrega un estilo etiqueta:

Dentro de estas etiquetas de estilo es donde escribirás tu CSS. Esto es lo que necesitas:

.coinmarketcap-currency-widget ancho: 33%; margen: 100px auto; 

Este simple CSS hace dos cosas. Uso del modelo de objetos de documento JavaScript y desarrollo web: Uso del modelo de objetos de documento JavaScript y desarrollo web: uso del modelo de objetos de documento Este artículo le presentará el esquema de documentos con el que funciona JavaScript. Al tener un conocimiento práctico de este modelo de objeto de documento abstracto, puede escribir JavaScript que funcione en cualquier página web. Leer más (DOM), se dirige a la coinmarketcap-currency-widget clase. Esta clase es el contenedor principal del widget, por lo que este comando le indica a su navegador web que aplique los siguientes estilos a ese elemento en particular.

El ancho del widget se establece en 33%, lo que garantiza que ya no se vea estirado cuando se deja en la opción predeterminada (que es del 100% en esta instancia).

Finalmente, se agrega un margen de 100 píxeles en la parte superior e inferior, con la izquierda y la derecha obteniendo un margen de auto. Esto aleja el widget de la parte superior de su navegador y lo centra horizontalmente.

Casi no hay límite para lo lejos que puede llegar con su estilo de este widget. Tal vez te gusta el texto rojo o un fondo azul? ¿Qué hay de texto intermitente? El cielo realmente es el límite.!

Añadiendo más monedas

Ahora que has clavado lo básico, es hora de agregar más monedas. Incluso si solo posee una moneda, diversificar su tablero de instrumentos tiene varios beneficios.

Como un regla suelta (Aunque cualquier cosa puede suceder en el salvaje oeste de las criptomonedas), las monedas alt aumentan cuando Bitcoin baja, aparte de cuando Bitcoin se hunde absolutamente, se lleva todo lo demás..

Al monitorear otras monedas, a menudo se puede ver claramente que el dinero fluye de una y de otra. Si está buscando comprar una moneda nueva, agregarla a su tablero de instrumentos significa que posiblemente pueda detectar una tendencia o un mínimo diario para obtener una ganga!

Siguiendo los pasos anteriores, siga adelante y obtenga el código del widget para cualquier otra moneda que desee rastrear. Simplemente pégalos debajo del rastreador de Bitcoin de esta manera:

No necesitas el currency.js para cada widget. Solo lo necesitas una vez por pagina..

Si recargas tu panel de control, verás que no se ve muy bien. Todas las monedas están apiladas verticalmente, ¡y hay enormes espacios entre ellas! Tendrá que modificar el CSS para que estos widgets se vean mejor para varias monedas.

Al ajustar el ancho y el margen de cada contenedor de widgets, puede alinear varios widgets horizontalmente, así:

ancho: 23%; margen: 10px 1%; flotador izquierdo;

Usando este mismo CSS, es posible apilar tantos widgets como desee, aunque es posible que necesite modificarlo ligeramente después de aproximadamente 12 widgets..

Un último toque final es hacer que el tablero se recargue automáticamente, asegurando que siempre tenga los últimos precios.

Dentro de cabeza etiquetas en la parte superior de su documento, pegue esta etiqueta meta:

Esto actualizará su página cada X segundos, donde X se especifica dentro contenido. El código anterior actualizará la página cada 60 segundos. Cambia esto a lo que quieras, siempre que ingreses el número en segundos.

Mantenerse sano

Ahora que su tablero de instrumentos de criptomoneda está completo, ya no tiene que revisar coinmarketcap.com, o coinbase.com, o cualquier sitio web que use para monitorear sus compras. Simplemente no te vuelvas loco revisando los precios cada minuto..

Déjelo funcionando en su computadora, o tal vez incluso configúrelo en una Raspberry Pi y téngalo en funcionamiento en su pasillo!

Si desea consultar los precios en movimiento, consulte nuestra guía de las mejores aplicaciones Android de criptomoneda. Manténgase actualizado en su CryptoCurrency con estas aplicaciones Android Manténgase actualizado en su CryptoCurrency con estos Android Aplicaciones Hacer un seguimiento del cambio de moneda virtual y el comercio diario puede ser divertido y una forma de aumentar sus ganancias después de un buen día de minería. Lea más, y no olvide leer nuestra guía sobre todo lo que necesita saber antes de comprar criptomoneda.

¿Has construido un panel de control criptográfico? ¿Dónde colocaste el tuyo? Háganos saber en los comentarios a continuación.!

Explorar más sobre: ​​Criptomoneda.