Reverse engineering in JavaScript

A way to make a low cost develop, or get special content from sites or projects, is copying and studying another developments, even, if is a open source code.
​Many times is impossible to make a good review of a programm even if that is open source. In this cases we can use a few of tools to scrutinize inside the code lines.
Then let's go to enumerate tools 
  • Google Object Inspector
  • Unobfuscation:
  • A notepad (can be non-digital, recommended of fact.)
  • Very flexible IDE (Explained below)


A good IDE can save a headache, in example, netbeans have a shortcut (CTRL + SHIFT + minus) collapse or expand ( CTRL + SHIFT + plus ) all between braces code. 
The well made projects, have one or two files very long, this files follow a common pattern, in rare cases they are complex and can be handled separately in pieces of code.
Once collapsed the code, you can see effortlessly a file pattern. Cascade of methods, Objects classes, and so on. That blocks will be the next analysis object.

The blocks

The block is one thing that we see the collapse code (And beutifier). Expand this blocks and anotate in notepad the principal characteristc. i.e (Is a Object, extend that, do that, has this attributes, and so on).



Building a navigable map like Google Maps canvas

Google Maps is a very useful tool to view and recognize locations around the world. But, the API that was implemented, give us a very powerful way to make interactives maps, like hospitals schematics floor, airport guidance map, parks, and so on.

We can put in that map, images, polygons, labels, etc.. and make guides for our clients.




El mejor plugin para un Web Tour

A veces a fin de darle un mejor dinamismo a nuestro sistema, que quizás requiere de la interacción de usuarios nuevos, podemos caer en la tentación de incluir un pequeño manual de utilización. Ya no es necesario, gracias a este increíble plugin que nos permite generar un tour por nuestra web indicandonos con highlighting, y contenido, como podemos hacer para realizar ciertas funcionalidades que pueden traer dificultad para un usuario inexperto.

Ir al sitio Intro.js

Using Facebook API and Codeigniter

To access the Facebook API, there exists the Facebook PHP SDK to simplify the process. I needed Facebook OAuth in one of my projects using CodeIgniter but had some hard time trying to get it done. I faced a lot of errors, the main one though was that: getUser always returns 0. I found out that this is pretty much popular on stackoverflow and other websites – each proposing different solution. In this post, I try to organize all the steps and collect them in one place. References and downloads are provided at the end of the post.

Google I/O Principios de diseño

Se presentan los principios de diseño para aplicaciones innovadoras, descriptivas, que entreguen feedback en función de las acciones que toma el usuario. Como diseñadores y desarrolladores debemos cuidar del diseño de nuestras aplicaciones a fin de conseguir una experiencia amena e intuitiva, la gente de Google pone a nuestra disposición esta charla donde nos cuentan como conseguirlo.

Plugin increíble que detecta rostros!!

Con este plugin de JQuery podemos detectar rostros en imágenes y videos de forma muy sencilla. Luego utilizar estas detecciones ROI para lo que nosotros deseemos.

La forma de utilizalo es bastante sencilla y en el sitio web del desarrollador se dan dos ejemplos.
Uno para imagenes, y luego otro para videos.

Solo se necesitan unas pocas líneas de código para poder obtener como resultado las imagenes ROI.

Por supuesto lo que en realidad obtenemos es un array que contiene las posiciones de cada una de estas imagenes ROI, las coordenadas que luego podemos aplicar a la imagen original para obtener por separado.

A continuación mostramos un ejemplo de como se vería el codigo para obtener estas salidas de imagenes.