Tracking.js

Tracking.js es una biblioteca Javascript que nos brinda una API para poder hacer tracking de objetos, markers y otros, desde un browser que tenga acceso a la camara de video.

Estuve haciendo algunas prueba y lo poco que pude ver es simplemente fantástico. Con muy pocas lineas, se puede establecer un color que queremos seguir y cuando refrescamos la pagina aparece la imagen de la cámara con el color remarcado, tanto con un recuadro, o por pixeles.

Por ejemplo, usando este gorrito, con uno de los ejemplos que vienen en la carpeta examples, busca el color magenta y lo remarca, como podemos ver en la imagen.

tracking

Algo importante a tener en cuenta es, al menos en Chrome, los ejemplos tienen que estar en una aplicación en https para poder tener acceso a los dispositivos multimedia de nuestra computadora.

El proyecto esta aun en etapa alpha, pero va teniendo muy buena “pinta” hasta ahora. Creo que es un gran paso para poder comenzar a cambiar la forma en que interactuamos con la web pudiendo agregar algunos conceptos de Interfaz Natural de Usuario.

Webs donde el usuario no solo utilice el mouse o el teclado  para interactuar, sino tambien gestos, movimientos con el rostro, etc.

Se pueden bajar el código desde la web, o también en el repo en GitHub la ultima versión y más ejemplos.

 

JSBooks – Libros de Javascript

Hoy en día una de las tecnologías con más auge es Javascript. Es algo así como un viejo conocido, ya que fue creado en el año 1995. Al comienzo muchos desarrolladores le esquivaron, pero con el tiempo, más y más personas lo fueron adoptando.

El primer gran empujón de Javascript fue con la llegada de Ajax, más adelante con Javacript del lado del servidor, por ejemplo Node.js y por último con los nuevos estándares de HTML5 y CSS3.

Ésta tecnología es sin lugar a duda algo que todo desarrollador web debe aprender y si sabemos algo, aprender un poco más. Como sabemos, internet esta llena de recursos para formarnos en alguna tecnología, pero en general estan dispersos por muchos lugares. La gente de Revolunet hizo un muy buen trabajo juntando libros de Javascript en JSBooks.

JSbookss

 

 

En ésta web vamos a ver libros para principiantes, como también para desarrolladores expertos. Es un muy buen recurso para poder empezar a aprender Javascritpt.

Entre la lista de títulos (32 por ahora), se encuentra disponible JS The Right Way, inspirado en el libro PHP The Right Way, éste es un buen libro como para comenzar.

Liffect – Galería de imágenes con estilo!

Liffect

Hace un tiempo navegando encontré Liffect. Es una página donde podes generar una galería de imágenes con estilos geniales, gracias al poder de CSS3 y Javascript.

Liffect necesita de JQuery para hacer algunos efectos, y el resto son transformaciones de CSS3.

Tiene muchos efectos, por ejemplo que las imágenes vuelen de arriba, de abajo, que giren sobre su propio eje, hasta el efecto de Star Wars.

Lo único que hay que hacer es entrar a Liffect, elegir el efecto que queremos, la duración que queremos para la animación y el delay entre imagen e imagen. También tenemos la posibilidad de elegir que las imágenes entren a la galería de manera ordenada, o aleatoria, seleccionando Random.

Es un recurso para tener en cuenta a la hora de querer presentar una galería de imágenes con un estilo distinto.

Liffect: http://ademilter.com/lab/liffect/

PHP The Right Way

El otro día navegando por internet me tope con el sitio PHP The Right Way, una suerte de copilado que nos sirve de referencia a la hora de encarar un proyecto en PHP.

La presentación del sitio dice:

Hoy en día existe mucha información anticuada acerca de PHP que guía a nuevos programadores por mal camino, propaga las malas prácticas y, en consecuencia, mal código. Esto tiene que parar. PHP: The Right Way es una referencia práctica y fácil de entender, con los mejores métodos, estándares de código, y enlaces a tutoriales autoritativos alrededor de la Web.

El sitio tiene varias secciones, desde “Primero Pasos” donde se tocan temas como el armado del entorno de desarrollo, pasando por reglas de estilo para el código,  mejores practicas para el desarrollo en PHP, manejo de seguridad, unit testing, etc.

Ningún tema esta profundamente desarrollado, pero si nos da un pantallazo general de cada cosa con links interesantes que nos pueden ayudar a aclarar más las dudas que tengamos.

El sitio fue creado por Josh Lockhart un programador con muchisima trayectoria en la comunidad de desarrollo en PHP. Y fue traducido por Eder Weber al español.

Por último este sitio sirvió de inspiración para otro que habla del desarrollo en Javascript, como no podía ser de otra manera se llama JS The Right Way, que aún no tiene traducción al español.

Espero que les sirva, nos leemos.

 

http://www.jstherightway.com/

Knock Out JS

Luego de un tiempo, y de leer este post, en Think Wasabi, decidí volver a escribir algo, aunque más no sea de algunas cositas que fui acumulando en este tiempo, probando, leyendo o aprendiendo.
De mi timeline de Twitter encontré este increíble biblioteca de Javascript. Knockout JS

¿Qué es Knockout JS?

Es una biblioteca Javascript que implementa el patrón MVVM (Model-View-ViewModel). Esta biblioteca puede ayudarte a mantener tus desarrollos más simples y manteníbles.

Características Principales

  • Trackeo de Dependencias Elegantes: Actualiza la interfaz, cuando el modelo de datos se modifica.
  • Bindings Declarativos: Una forma sencilla de conectar la interfaz con el modelo de datos.
  • Templates flexibles y sofisticados: Construye una interfaz compleja fácilmente utilizando templates.
  • Extensibilidad: Con unas pocas líneas de código podés crear nuevo comportamiento.

(Traducción libre de la documentación de KnokOutJS Library)

Lo mejor de esta biblioteca de Javascript, es que no es necesario leer miles de líneas de documentación para poder aprender a utilizarlo, sino que crearon una web exclusiva para aprender a usarlo.

Esta web tiene básicamente 5 tutoriales, que abarcan toda la funcionalidad, desde el “Getting Started“, para aprender lo básico de KO, hasta tópicos avanzados como el guardar datos,  trabajar con templates, listas, etc.