domingo, 13 de agosto de 2017

Las historias de hackeo mas impresionantes


Para ver en youtube clic aquí
(No olvides suscribirte)

   En este nuevo vlog analizo a las historias de los hacker mas famosos,  pero desde una perspectiva anecdotica, echando un vistazo a las anécdotas que los hicieron mas famosos. Desde trampas en concursos telefónicos hasta supuestas evidencias de contactos extraterrestres, al fin y al cabo que es un personaje sin una buena historia que lo rodee, espero que lo disfrutes.

Enlaces sociales

domingo, 6 de agosto de 2017

Top de editores livianos

Para ver en youtube clic aquí
(No olvides suscribirte)

  Editores livianos hay muchos, ¿Pero cual elegir? en este video te comparto mi opinión personal al respecto, comparando las principales características de los editores que yo mas conozco. Obviamente hay muchos otros y sería imposible nombrarlos todos es por eso que hago énfasis al mencionar que estos son los que yo conozco.

Enlaces sociales:

domingo, 30 de julio de 2017

IDE vs Editor de código ¿Cual usar?

(No olvides suscribirte)

  Herramientas para editar código hay muchas, pasado el tiempo te darás cuenta que las funciones que incorporan, su peso, y otros factores, hacen que las podamos agrupar en dos categorías: IDES y Editores livianos, ambas muchas veces se solapan entre sí hasta el punto en el que hacen que nos preguntemos si tiene sentido separarlas, y la verdad no hay una separación clara, no existe por ejemplo una manual universal que nos indique las diferencias entre cada una, y esto ocurre porque la separación aveces puede llegar a ser un poco subjetiva, dependiendo de la herramienta en cuestión, ya que muchas intentan pararse justo en el medio de ambas categorías para combinar lo mejor.
  Claro esta hay editores de código cuya posición es clara, por ejemplo Notepad++, a este no se le puede comparar con un IDE y de esto no hay duda, y luego tenemos a Visual Studio Code autodenominado editor pero con capacidades de depuración y el muy aclamado Intellisense, lo cual no es mas que el nombre que Microsoft le da a las sugerencias de código, por lo tanto este último lo podemos ubicar en el medio pero inclinandose mas hacia el lado de los editores.
   Te invito a ver el video que acompaña a esta entrada, con una visión muy personal intentaré indicarte cuando es mejor usar cada uno, pero te aclaro desde ya que esto puede llegar a ser bastante subjetivo, así que coméntame tu opinión para que otros la puedan ver y así también les sea de utilidad

miércoles, 26 de julio de 2017

Como usar Variables en CSS3

(No olvides suscribirte)

  Las variables CSS son entidades definidas por autores CSS que contienen valores específicos que se pueden volver a utilizar en un documento. Se establecen mediante la notación de propiedades personalizadas (por ejemplo, --main-color: black;) y se accede mediante la función var () (por ejemplo, color: var (- main-color);). Sitios web complejos tienen cantidades muy grandes de CSS, a menudo con una gran cantidad de valores repetidos. Por ejemplo, el mismo color se puede utilizar en cientos de lugares diferentes, que requieren búsqueda global y reemplazar si ese color necesita cambiar.
    Fuente MDN

Descargas


domingo, 23 de julio de 2017

Como hacer un juego en CSS puro

(No olvides suscribirte)

Como hacer juegos en CSS

    Es posible, haciendo uso de nuestra creatividad, hacer juegos en CSS puro y sin nada de javascript, hay que entender que este no es el propósito de CSS por lo que nos vamos a ver muy limitados. Básicamente podríamos afirmar que los juegos en CSS son una forma de arte, una forma de mostrar nuestros conocimientos o de aprender.
    CSS no es una alternativa a javascript, esto es importante aclararlo, hacer juegos en CSS no tiene ningún valor comercial directo, si quieres desarrollar juegos para la web lo mejor es utilizar javascript.
  En el video de arriba aprenderás a hacer un juego de tiro al blanco con patos en CSS

Descargas

  En esta sección podrás descargar el código fuente del tutorial y las imágenes:

domingo, 25 de junio de 2017

Mejorar el rendimiento de juegos HTML5

No olvides suscribirte

   Dependiendo de nuestro juego, el rendimiento puede llegar a ser un dolor de cabeza, y en general para el desarrollo de juegos es algo que casi siempre hay que tener presente, tanto en el video como en esta entrada voy a hablar de 3 técnicas para mejorar el rendimiento.

Pre-renderizar

  Por una razón que cuesta un poco entender, es mas eficiente dibujar en un canvas virtual y luego cargar todo al canvas principal, que directamente dibujar en un solo canvas. Esto es muy sencillo de lograr.
  Primero el canvas virtual lo hacemos así :
 var preRender = document.createElement("canvas");
 var vctx = preRende.getContext("2d");

  Todo el juego va a ser dibujado usando este contexto "virtual", y luego en el canvas "real" hacemos así:
ctx.drawImage(preRender, 0, 0);
  
Donde "ctx" es el contexto del canvas "real"

Extracción de propiedades

  Cuando limpiamos el canvas usando "clearRect" y en alguna otra circunstancia, aveces hacemos cosas como: "canvas.width" si esto se hace dentro de nuestro bucle de juego, en cada iteración se va a extraer la propiedad del objeto a través del DOM lo cual requiere mas trabajo que pasar el número directamente, o crear una variable que almacene el valor una sola vez:
   var anchoJ = canvas.width;
   var altoJ = canvas.height;
Luego en nuestro bucle de juego las usamos así:
  canvas.clearRect(0,0,anchoJ,altoJ);
 En lugar de "extraer" la propiedad en cada iteración 

Limpiar solo las diferencias y no to el canvas

  Para lograr la animación es necesario el uso de "clearRect", pero no siempre es necesario que se limpie todo el canvas, podemos limpiar solamente lo que necesitemos ahorrandonos una infinidad de recursos en el camino. Esto puede variar dependiento de cada juego, puedes ver un ejemplo en mi video, pero en general sería algo así :
  canvas.clearRect(prevX, prevY, ancho, alto);

  Donde las variables "prevX" y "prevY" son las últimas posiciones "X" e "Y" utilizadas, las variables "ancho" y "alto" van a depender también del área que queramos limpiar.  Una forma de tratar esto, como lo hago en mi video es que cada objeto en su función de movimiento, se limpie a si mismo, por lo que estas dos últimas variables sería en ancho y alto del objeto en cuestión.

Descargas

  Aquí puedes descargar el código fuente hecho en el video:

domingo, 4 de junio de 2017

Placeholder animados en CSS3


Para ver en Youtube clic aquí

Placeholder animados

  El placeholder es una porción de texto que se puede colocar para indicarle al usuario lo que debe rellenar en un formulario, existen formas de estilizarlo desde css3, para que no se convierta en un simple texto aburrido, estas sin embargo son experimentales y no funcionan de la misma manera en todos los navegadores. Aquí aprenderemos a usarlas y haremos efectos muy interesantes usando las transiciones.

Descargas


Ponte en contacto conmigo