Tecnología, Emprendimiento e Innovación

Introducción a documentación con Mermaid


Qué es Mermaid Mermaid es una herramienta que convierte texto y código en diagramas y visualizaciones orientado a desarolladores. Mermaid nos ayuda a documentar nuestro sistema y nos provee una forma más facil de mantener los diagramas actualizados. Nos reduce el tiempo de cambio de contexto y permite a cualquier persona con un editor de texto poder editar los diagramas. En este post introductorio veremos qué es, en qué nos ayuda, como usarlo y las ventajas y desventajas de la herramienta.…
Leer más ⟶

Analizando la tasa de finalización de cursos del MIT OCW en YouTube


En Youtube hay varios videos colgados de profesores dando clases de universidad y de colegio sobre diversos cursos. Como muchos he visto varios de estos videos y algunas clases las he terminado y algunas no, a veces no solo por la calidad del video, pero incluso por el contenido. Me pareció interesante analizar tres cursos que ofrece el MIT a través de su proyecto OCW para ver su tasa de finalización, es decir cuantos ven el primer video vs cuantos ven el video “n” y ver como se comportan las vistas.…
Leer más ⟶

Como Hablar - MIT OCW Lecture Review


En el siguiente articulo veremos las sugerencias, tips y técnicas del Prof. Patrick Winston del MIT para impulsar tu éxito en la vida profesional: Aprender a Hablar (bien). Al finalizar este artículo tendrás un repertorio de tecnicas que te ayudará a maximizar la oportunidad que tus ideas sean valoradas y aceptadas por la gente con la que hablas. El Instituto de tecnología de Massachussets (MIT) es una de las universidades más prestigiosas del mundo.…
Leer más ⟶

Como hacer una blob animado en HTML - Parte IV


Bienvenidos a la cuarta parte de nuestro tutorial sobre como crear un blob animado usando solo Canvas API. Si te perdiste las partes anteriores puedes encontrarlas a continuación: Parte I: Aprenderemos a utilizar el API de HTML Canvas para dibujar formas primitivas. link Parte II: Haremos un pequeño anillo 3D proyectado en 2 dimensiones. link Parte III: Haremos una Esfera completa y le añadiremos rotación en los tres ejes. link Parte IV: Distorsionaremos la esfera para hacerla parecer un blob.…
Leer más ⟶

Como hacer una blob animado en HTML - Parte III


Bienvenidos a la tercera parte de nuestro tutorial sobre como crear un blob animado usando solo Canvas API. Si te perdiste las partes anteriores puedes encontrarlas a continuación: Parte I: Aprenderemos a utilizar el API de HTML Canvas para dibujar formas primitivas. link Parte II: Haremos un pequeño anillo 3D proyectado en 2 dimensiones. link Parte III: Haremos una Esfera completa y le añadiremos rotación en los tres ejes. Este Parte IV: Distorsionaremos la esfera para hacerla parecer un blob.…
Leer más ⟶

Como hacer una blob animado en HTML - Parte II


Esta es la parte II de nuestro tutorial para dibujar un blob como el de compilersforhumans.com Si te perdiste la primera parte haz clic aquí En esta parte veremos como dibujar un pequeño anillo 3D proyectado en una plano 2D. Veremos un poco de matemáticas, y expandiremos un poco más nuestros conocimientos de Canvas API. Dibujando un punto 2D Primero, dibujaremos un punto 2D en el canvas, pero esta vez usando un objeto y ya no coordenadas al azar.…
Leer más ⟶

Como hacer una blob animado en HTML - Parte I


En Twitter encontré el siguiente curso de John Otander & Laurie Barth: Compilers for Humans Me gustó bastante la animación del Hero, así que decidí replicarla con un pequeño cambio, usando puntos en vez de una superficie continua. Aquí el resultado: Tu explorador de internet no soporta videos HTML Yo creo que quedó bastante bien. Veamos como hacerla. Plan de juego Este tutorial va a ser algo largo, así que será divido en 4 partes.…
Leer más ⟶

Aprendiendo a dibujar


Mi trabajo de día a día en WeMake como tech lead tiene mucha diagramación, diseño y pensamiento creativo. Sin embargo, nunca había considerado aprender a dibujar bien, en lápiz y papel. Cuando se presentaba la necesidad de dibujar algo en la pizarra, podía dibujar, claro, todos entendían lo que quería expresar y si no lo anotaba y listo. Un dia, estaba leyendo un post en un blog de tecnología y el autor al final subió una imagen, con el caption que decía que estaba aprendiendo a dibujar y el link a un breve post dando sus razones.…
Leer más ⟶

Como clonar un repo privado a un servidor remoto usando SSH Agent Forwarding


Hoy en día, la práctica recomendada es usar las llaves SSH para manejar la autenticación y autorización de tus repositorios privados en Github, Gitlab o Sourcehut. Cuando creamos nuestra llave SSH en realidad creamos dos partes criptográficamente unidas, usando lo que se conoce como criptografía asimétrica, criptografía de dos partes o criptografía de clave pública. La llave privada por convención id_rsa ubicada en ~/.ssh/ se usa en el proceso de autenticación con cualquier servidor o servicio (Github/Gitlab/Sourcehut) que tenga conocimiento de tu llave pública id_rsa.…
Leer más ⟶

Como editar el video de Crab Rave meme con FFmpeg


Aunque quizá algo ya antiguo, el meme del Crab Rave fue bastante conocido a mediados de 2018. Aquí pueden ver algunos de los memes conocidos de esa época: Hoy vamos a usar como ejemplo este meme para conocer un poco más de la herramienta ffmpeg para editar videos. Preparación Primero bajamos el video original de YouTube, usando youtube-dl u otra herramienta que conozcan. Con youtube-dl podemos usar el siguiente comando:…
Leer más ⟶