Entradas

Mostrando las entradas con la etiqueta HTML

Calculadora de pérdida de peso: mi proceso convertido en una herramienta

Imagen
Calculadora de pérdida de peso: mi proceso convertido en una herramienta En este artículo quiero compartir mi propio proceso de pérdida de peso y transformarlo en algo práctico: una calculadora sencilla para perder peso , desarrollada con JavaScript , que cualquiera puede usar desde su navegador. ⚠️ Nota importante: esta calculadora no sustituye la asesoría médica o nutricional. Es una herramienta educativa basada en mi experiencia personal y fórmulas generales. 🎯 Objetivo de la calculadora La idea es que la persona pueda: Ingresar su peso actual Ingresar su peso objetivo Indicar su estatura Indicar su edad Seleccionar su nivel de actividad física Definir un déficit calórico diario Y obtener: Calorías de mantenimiento (TDEE) Calorías recomendadas para perder peso Estimación de semanas para llegar al objetivo 🧮 Fórmulas utilizadas 1. Tasa Metabólica Basal (BMR) Uso la fórmula de Mifflin-St Jeor , una de las más aceptadas: Muje...
Publicar un comentario
Leer más

🎨🔹 Generador de Combinaciones de Moda con JavaScript: Crea Atuendos y Colores Aleatorios

Imagen
Hemos desarrollado una sencilla aplicación web con HTML, CSS y JavaScript que permite seleccionar un diseño aleatorio y generar combinaciones de colores perfectas para tu atuendo. 👗 ¿Cómo funciona? ✔ Presiona el botón "Diseño a Vestir" para ver una propuesta de atuendo. ✔ Luego, presiona "Colores a Combinar" para obtener una sugerencia de colores armoniosos. ✔ ¡Experimenta con distintas combinaciones y encuentra tu estilo único! Puedes probarlo aquí: 🔗 Combinaciones de ropa y colores L Si te interesa aprender cómo se hizo, revisa el código en la publicación y anímate a personalizarlo. ¡Déjame tu comentario con tu combinación favorita! 👇😃 Te comparto el código <html lang="es"> <head>     <meta charset="UTF-8"></meta>     <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>     <title>Combinaciones de Ropa</title>     <style>         body { ...
Publicar un comentario
Leer más

Graficar Funciones con JavaScript y HTML Chart.js

Imagen
 Cuando trabajamos con datos o funciones matemáticas, es muy útil poder visualizarlos en una gráfica. Con JavaScript y HTML, esto es sencillo si utilizamos una biblioteca como Chart.js . A continuación, te presento un ejemplo donde graficamos la función cuadrática y = x^3 . Usaremos etiquetas en el eje X desde -10 hasta 10 y graficar los valores correspondientes para y . Aquí tienes el código que necesitas para generar la gráfica: <html lang="es"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Graficar Funciones con JavaScript</title>     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body>     <h1>Graficar Funciones con JavaScript y HTML</h1>     <canvas id="miGrafica" width="400" height="200"></canvas>     <script>   ...
Publicar un comentario
Leer más

📌 Introducción a la Programación en HTML: Conceptos Básicos

Imagen
Hola programadores Esta semana voy a escribir acerca de como programar con HTML (HyperText Markup Language) , el cual es un lenguaje de etiquetas es decir sus 'comando' están entre los signos '<>' y tienen un inicio y fin cada segmento, este lenguaje es muy popular y lo utilizamos todos los días, porque es el lenguaje en que esta Internet, si están en Google Chrome y presionan las teclas Ctrl + U , verán el código fuente (así es como se le llama en el mundo de la computación cuando no tiene una presentación para humanos jajajaja o usuarios)  o si presionan Ctrl + Mayus + I , Google muestra el diseño de la página los errores y warnings que hay en el código, esto les puede servir para revisar su página antes de publicarla HTML surgió por ahí de 1991 es propiedad de  World Wide Web Consortium  (W3C) , incluso encontré  la liga de la pantente en 1997  https://patentimages.storage.googleapis.com/10/69/bc/a4e3e496c8...
Publicar un comentario
Leer más

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!