Tecnología, Emprendimiento e Innovación

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. El MIT a través de su programa Open CourseWare (OCW) expone al mundo cientos de videos de sus cátedras. Hoy revisamos la genial clase de Patrick Winston llamada “How To Speak” o “Como Hablar” que ofrece una serie de profundos conocimientos ocultos para presentaciones orales.

Read more ⟶

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. Este
  • Parte V: Le agregaremos interacciones con el mouse. (Próximamente)
  • Parte VI: Le agregaremos controles interactivos para ‘jugar’ con los parametros de nuestra esfera. (Próximamente)

Recapitulación:

Esto es lo que tenemos hasta ahora, una esfera de un solo color rotando en los tres ejes.

Read more ⟶

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. (Próximamente)
  • Parte V: Le agregaremos interacciones con el mouse. (Próximamente)
  • Parte VI: Le agregaremos controles interactivos para ‘jugar’ con los parametros de nuestra esfera. (Próximamente)

Recapitulación:

Resultado post 2, circunferencia 30 deg

Read more ⟶

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. Vamos a tomar como referencia un plano cartesiano. Los puntos entonces no van a ser más que un conjunto de coordenadas en X, Y.

Read more ⟶

Como hacer una blob animado en HTML - Parte I


En Twitter encontré el siguiente curso de John Otander & Laurie Barth: Compilers for Humans

CompilersForHumans.com

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:

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.

Read more ⟶

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. Me impresionó el dibujo, me dió curiosidad, y lei el post. Claramente, me convenció. Hoy, voy en el dia 13 re-aprendiendo a dibujar, y no puedo dejar de hacerlo.

Read more ⟶

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.pub. Esta clave/llave privada se usa para desencriptar un mensaje encriptado con tu llave pública y solo con esa llave se puede desencriptar y por lo tanto validar que eres tú el dueño. Es decir si no tienes la llave privada, la llave pública no sirve de nada. Además, si alguien más tiene tu llave privada se puede hacer pasar por ti, así que nunca la compartas.

Read more ⟶

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:

cd ~/Downloads  		# nos ubicamos en una ruta conocida
youtube-dl https://www.youtube.com/watch?v=LDU_Txk06tM

Instalación de ffmpeg

Podemos ver las instrucciones de descargas en la página oficial de FFmpeg. Aqui dejaré algunos de los métodos para las plataformas más conocidas.

Read more ⟶

Como instalar iOS 13 en tu iPhone - Paso a Paso


Ya salió el nuevo iOS con novedades como Dark Mode, una Siri más avanzada entre otras mejoras.

Prerequisitos

Primero verifica si tu iPhone soporta iOS 13 en la siguiente lista:

  • iPhone XS Max, iPhone XS
  • iPhone XR
  • iPhone X
  • iPhone 8, 8 Plus
  • iPhone 7, 7 Plus
  • iPhone SE
  • iPhone 6s, 6s Plus
  • iPod touch (7th generation)

Necesitarás también iTunes y Xcode 11 Beta.

Para descargar Xcode y la imagen de iOS 13 necesitarás una cuenta de desarrollador, (o alguna amigo que la tenga). Ésta cuesta 99 dólares al año y además te permite publicar en la tienda de aplicaciones de Apple (App Store). Photo by Austin Distel / Unsplash

Read more ⟶

El Jefe de 2019


Hoy en día muchos de nosotros estamos emprendiendo y/o tenemos personas a nuestro cargo. Nos damos cuenta que el rol del “jefe” ha cambiado 180°.

El poder

Cuando una persona confía en ti, es porque confía en tus capacidades e intenciones. Es decir, que sabes lo que haces y deseas lo mejor para ella. A veces, el problema es que tenemos a nuestro cargo personas con las que no hemos interactuado. Por tanto, no conocen nuestras intenciones ni capacidades. Es ahí, donde entra el poder.

Read more ⟶
template "_internal/google_analytics.html" . }}