-
Arduino – 7. Apagar gradualmente un LED
Hemos visto hasta el momento las salidas digitales las cuales solo tiene dos valores posibles 1 HIGH (encendido) y 0 LOW (apagado) con la función digitalWrite(PIN, HIGH / LOW);., también existen los tipos de salidas analógicas PWM (Pulse Width Modulation / Modulación por Ancho de Pulsos) las cuales van de un rango de 0 a…
-
Arduino – 3. Lenguaje de programación C / C++
Para programar el microcontrolador de nuestra placa Arduino se utiliza una versión reducida del lenguaje C / C++, dentro del sitio oficial podemos encontrar toda la documentación de referencia https://www.arduino.cc/reference/en/., aquí te comparto las que yo considero mas importante. Comentarios Los comentarios son muy útiles a la hora de interpretar el código, ya que lo…
-
Arduino – 6. Ejercicio Semáforo
Requerimos Conectamos el PIN GND al protoboard a la fila / bus negativa ( – ) y de ahí tomamos un cable a cada cátodo del los Leds, colocamos las resistencias al ánodo de cada Led, del PIN 12 a la resistencia del Led Rojo, del PIN 11 a la resistencia del Led Amarillo y…
-
Arduino – 5. Mi primer código encender un LED
Aprendamos primero Como funcionan los LED Resistencias Y protoboard Requerimos Conectamos del Pin GND de la Tarjeta UNO R3 al cátodo (el cable negro que se muestra en la image) y el Pin 12 a la resistencia, y la resistencia al ánodo del LED. Recuerda que cuando los Pines Digitales están en ON se encuentran…
-
Arduino – 2. Instalar entorno de trabajo Arduino IDE y Visual Studio Code
Para programar nuestro Arduino requerimos un editor de código o IDE (Integrated development environment / Entorno de desarrollo integrado)., hay dos opciones el que ofrece el fabricante de Arduino o agregar una extensión para Visual Studio Code. Recordemos que todas las placas Arduino utiliza una versión reducida de C/C++ para programar el microcontrolador. Arduino IDE…
-
Arduino – 1. Introducción
Arduino es una plataforma para desarrollar y crear proyectos electrónica de Hardware y Software Libre (Open Hardware and Source para los cuates), cuenta con placas muy populares que contienen microcontroladores los cuales podemos programar. Nació en el 2003 de la mano de varios estudiantes del Instituto de Diseño Interativo de Ivrea (Italia) y que crece…
-
Instalar Tailwind CLI
Este método de instalar Tailwind CSS funciona escaneando todos tus archivos HTML, componentes JavaScript y cualquier otra plantilla en busca de nombres de clases, generando los estilos correspondientes y luego escribiéndolos en un archivo CSS estático.Es rápido, flexible y confiable, sin tiempo de ejecución. Instalando Node.js Descargamos e instalamos nodejs https://nodejs.org/en/download/ de preferencia la versión…
-
Convertir video a gif animado
Dos de las opciones que recomiendo son ffmpeg y gifski., recuerda que puedes instalar Linux en Windows Subsystem for Linux WSL / WSL2. Con ffmpeg He instalado Ubuntu en WSL. En Linux Actualizamos Instalamos ffmpeg En MacOs Instala Homebrew y ffmpeg desde la terminal. Convertimos con ffmpeg a gif Nos ubicamos en la carpeta donde se…
-
Personalizar la terminal WSL
En anteriores articulos he descrito como instalar Windows Subsystem for Linux (WSL y WSL2), ahora te mostrare como personalizar esta terminal. Instalamos la terminal zsh Instalamos oh-my-zsh Instalamos Powerlevel10k Lo primero sera descargar las fuentes MesloLGS y instalarlas con clic derecho > Instalar Abrimos Terminal > Configuración > Seleccionamos nuestra distro (para mi caso Ubuntu…
-
Como centrar un div con CSS
Con CSS Grid Para centrar un div con Grid Layout definimos body como nuestra etiqueta contenedora y obtenemos el largo de manera dinámica con height: 100vh; viewport height, es decir que cada que se cambie el tamaño del largo este valor se actualizara recalculando la posición de nuestro div.circulo. Con CSS Flexbox Con CSS Creamos…