Alex Franco

La teoría del #Followback

jafrancov — Sun, 05 Sep 2010 04:18:02 +0000

Quizá es un tema trillado pero interesante para saber cómo es que actuamos las personas…

Humanos… extrañas criaturas

Twitter no es exactamente una red social, se ha tomado y adaptado de esa manera, aunque no lo es realmente, es un sistema de microblogging, la primera vez que escuche eso y quizá al igual que muchos que lo leen tendrán una cara de “qué demonios significa eso“, pues he de suponer que casi todos sabemos lo que es un blog, pues twitter es un mini mini mini blog que deja que publiquemos post de 140 caracteres. La otra gran característica es que todas las actualizaciones las podemos ver en tiempo real.

Entonces, si bien Twitter es un mini Blog como dijimos o dicen sus creadores, a la gente que le interese lo que dice tal cuenta, puede ser que lo sigan más de cerca para ver qué publica, a estos se les llama followers; a su vez el creador de una cuenta tiene la opción como todos, de seguir a otros mini Blogs o cuentas de twitter que le interesen, a esto se le llama following.

Hay muchas formas de obtener followers, por amistades, recomendaciones, campañas publicitarias, ser famoso y un largo etcétera le sigue, pero hay un tema que siempre causa revuelo y a veces reclamos y discusiones, esto es el…

#Followback

El #Followback es esperar a que la persona que seguimos también nos siga, entendamos una cosa, Twitter no es como Facebook, Hi5, Tuenti, etc. en estas redes se manda una solicitud para ser “amigos” tienes la opción de aceptar ser “amigos” y que pueda entrar a ver cuanta cosa hay en tu cuenta o que tu privacidad le permita, en otro caso, es ignorar la invitación, no serán “amigos” y no podrá ver nada de tu cuenta. En twitter no funciona así, si a quien tu sigues, le late la idea de seguirte, bien, ganaste un follower, pero si no te devuelve el follow, no te aflijas, interactúa con el o ella y quizá le resultes lo suficientemente interesante para que te regrese el follow.

Muchos se han inventado hashtags como de #Follow1x1 #FollowBack #SiguemeYTeSigo entre muchos otros, incluso llaman Divas o Divos a quienes no les dan follow, más aún si esa persona, le siguen muchos más de los que sigue, no significa que sean Div@s o Twittstars mamones, sencillamente seguir a tanta gente en ocasiones se vuelve un dolor de cabeza y comienzas a elegir mejor a quién sigues.

Hay quienes quieren tener muchos followers y usan un técnicas para tener ese #Followback, algunos empiezan a seguir a cantidades considerables, pueden ser desde varias decenas, hasta cientos o incluso miles de cuentas, esperando que aquellos a los que sigue le devuelvan el follow, muchas de esas cuentas lo hacen y empieza a llenarse de follows ya que muchos por simple inercia, a veces ni leemos quién o de que se trata la cuenta y damos follow por simplemente darlo, en lo personal se me hace una técnica poco usable, la que menos tolero y la que para ser sincero, no les doy follow ni de chiste, solamente en contadas excepciones, ya que si bien se llena de seguidores, a muchos es muy probable que no les interese en absoluto lo que están publicando, si es una empresa creo que es peor, ya que no tienes la certeza de realmente llegar al público que “te sigue” y pasan tus tweets por alto. Incluso, muchos que hacen esto, después de tener una muy buena cantidad de followers, dan unfollow masivo y se quedan con solo unos cuantos o ninguno, para parecer “importantes” con un sencillo engaño, ejemplo claro @sanshiro_ y @Muereelkin.

Otro de los desvarios que a veces cometen muchos usuarios por ganar followers, es pedir que los sigan, incluso algunos llegan a molestarse y dar unfollow cuando no les das follow, en ocasiones uno pide follow para poder intercambiar DMs, es esporádico, pero… hay quienes están casi todo el tiempo con su “… dame follow …“, llega a ser bastante gracioso ver las historias que ponen buscándolo. O peor aún cuando decides que alguien ya no te interesa en lo que publica y das unfollow, si se dan cuenta igual viene el unfollow para ti.

Aclaro, no estoy diciendo cuáles son las “reglas” para conseguir followers, ni tampoco que las que menciono sean incorrectas, son las “técnicas” que más he visto y las que menos he llegado a ver que funcionan exitosamente, cada quien es libre de usar la técnica que quiera para ganarse followers, así sea la que menos me guste pero pues… yo solamente soy un simple follower xD.

Creo que en conclusión el Follow se otorga a quienes tu quieras por las razones que quieras, pero el #Followback quizá se gana, se busca, se recomienda, quizá de vez en cuando hay que decir cosas entretenidas y/o divertidas o solamente sé tú mismo, expresa un poco de ti en tu BIO, dale razones a los demás para que te sigan.

La teoría del #Followback se basa en regresar el follow a esas personas que llenen de vida a tu Timeline, ¿tú ya elegiste a quién dar ese #Followback? ¿qué opinas, siempre haces #Followback o te consideran Div@? ¿por qué darias #Followback? ¿te seguirías a ti mismo? Cuéntanos tu historia…

Enjoy this Life!!

Quizá también te interese...

Info Window en GMaps API v3

jafrancov — Thu, 02 Sep 2010 06:13:29 +0000

A partir de este post, me enfocaré en el tema, si nunca has hecho nada con GMaps, te sugiero leas las bases del manejo de la API de GMaps v3.

¿Qué es un Info Window?

Quizá han visto que en muchos de los mapas de mostrados con la tecnología de Google, al dar clicks sobre los marcadores, mapa, formas, etc., nos aparece un cuadro con información, bien, pues eso es un Info Window.

Las opciones que usaremos para la creación del objeto de InfoWindow contendrá los siguientes campos:

content contiene una cadena de texto o nodo DOM que mostrará al abrir la ventana de información.
position contiene el LatLng al cuál estará asignado, ten en cuenta que si es asignada a un marcador, automáticamente adquiere el valor de su posición, en caso de no asignarle algún LatLng toma el centro que se muestra por primera vez del mapa, para los polígonos trabaja de manera diferente y lo hablaremos en otro post.
maxWidth especifica el ancho máximo en pixeles, que podrá adquirir la ventana, por default adquiere el ancho del contenido, sin saturar el espacio del mapa, haciendo saltos de línea en automático, cuando el contenido ha alcanzado el máximo permitido, se expandirá verticalmente igual, sin saturar el espacio del mapa. En caso de que se establezca un determinado ancho, el texto en automático dará saltos de línea al llegar al límite establecido, si el contenido es mucho se extenderá verticalmente sin saturar el espacio.

El contenido del InfoWindow puede contener una cadena de texto, un fragmento de código HTML, o un mismo elemento DOM. Para establecer este contenido, debe hacerse una llamada explícita al constructor del InfoWindow con setContent(). Ten cuidado al usar div’s ya que si le pones estilos y sobrepasa el espacio puede “derramarse” el contenido fuera del InfoWindow.

Ahora si vamos directo al código, este ya solamente es el JavaScript, recuerda agregar jQuery también:

var myLatlng = new google.maps.LatLng(20.68017,-101.35437);
var myOptions = {
  zoom: 13,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = new google.maps.Map($("#map_canvas").get(0), myOptions);

var contentString = ''+
    'Este es un ejemplo de InfoWindow, ' +
    'como puedes ver puedes agregar cualquier cosa, ' +
    'cualquier HTML.' +
    'Este InfoWindow tiene un ancho de 200px ' +
    'y automáticamente da los saltos de línea.'+
    'Para ver el tutorial '+
    'clickea aquí.'+
    '';

var infowindow = new google.maps.InfoWindow({
    content: contentString,
    maxWidth: 200
});

var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title:"Ejemplo InfoWindow"
});

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
});

Solamente un último detalle antes de terminar, podrán observar que al final vemos un addListener, para que se pueda mostrar el InfoWindow al hacer click, es necesario agregar un Listener, que valga la redundancia, está a la escucha de un click, analicémoslo:

google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
});

Vamos por partes google.maps.event.addListener, es una función integrada de la API que agregará el listener, requiere de 3 cosas, a quién se le va a asignar el listener, en este caso a marker que es la variable que almacena el objeto del marcador que se dibuja, el tipo de listener que para este caso es un ‘click’ y por último el proceso que realizará, que para el ejemplo es una función. Dentro de la función especificamos lo que hará el listener, haremos uso de infowindow que es la variable que contiene el objeto con los detalles del InfoWindow por supuesto, a la cual se le llama la función open() que es la que se encargará de mostrar el InfoWindow, y esta funcióna a su vez, requiere de 2 parámetros, el primero en qué objeto de mapa se va a agregar (map) y segundo, a qué objeto se le va a asignar (marker), en caso de que no se especifique la segunda variable, se mostrará en el centro inicial del mapa.

Ahora si es todo por este tutorial, espero les sirva, si tienen dudas ya saben dónde y cómo preguntar

Enjoy this Life!!

Quizá también te interese...

Prueba ver tus Tweets en Tweetdeck en verdadero tiempo real

jafrancov — Fri, 27 Aug 2010 02:15:42 +0000

Como todos sabemos o nos han dado a entender que:

Twitter es un sistema de microblogging en tiempo real

TweetDeck ha estado trabajando con la Twitter Streaming API para hacer que los tweets realmente se muestren en tiempo real y hace poco nos mostraron esto:

Pero pues, siempre es bien bonito que te digan como los niños “mira mira, yo si tengo y tu no“, ahora viene lo bueno, urgando entre muchas URL de tweetdeck di con el preview que vimos en el video, se llama “Twitter User Streams” Preview, es decir, aún no es oficial pero está montado y listo para descargarse, es algo como entrar en la matrix.

Para probar esta versión da click en la imagen y clickea en Instalar, ahora si puedes decir que tienes Twitter en tiempo real.

Enlace: “Twitter User Streams” Preview

Enjoy this Life!!

Quizá también te interese...

Primeros pasos con la API v3 de Google Maps (Mapa y Marcador)

jafrancov — Thu, 26 Aug 2010 17:12:44 +0000

Ya tengo un rato manejando la API JavaScript de Google Maps pero ahora con su cambio a la v3 hay cosas que cambiaron y hay que adaptarse, entonces se me ocurrió compartirles lo que vaya aprendiendo desde cero, de cualquier manera pueden leer si así lo desean, toda la documentación oficial de la API de Google Maps.

Lo que voy a intentar hacer es ir al grano del tema del post, para no dar tantas vueltas y quitar toda la paja que viene en la documentación… “Directo y a la cabeza” dicen por ahí.

Para iniciar será necesario y preferente que tengan un poco de conocimiento principalmente de JavaScript y jQuery, asímismo de HTML y un poco de CSS, igual unas pequeñas nociones de HTML5 nos servirán en publicaciones posteriores.

Para empezar hay que declarar nuestra aplicación como HTML5, sencillamente escribiendo el DOCTYPE así:

También para estos ejemplos es necesario incluir los scripts de jQuery, para este dirígete a su sitio oficial, descárgalo y agrega el script, y claro el más importante de estos ejemplos, el script de Google Maps, que para la v3 no es necesario generar una key como en la versión 2 se hacía, ahora solamente agregas el siguiente script:

Si puedes observar, al final del script dice sensor=set_to_true_or_false es para indicar si queremos que el sensor identifique la posición del usuario, debes indicar true o false según lo requiera tu aplicación.

NOTA: hay una pequeña discusión sobre la localización de los scripts, puedes ponerlos ya sea dentro del head o del body, pero muchos recomiendan que vayan antes de cerrar la etiqueta body, ya que evita que el contenido principal tarde en mostrarse, entonces… es tu decisión donde colocarlos, al final de cuentas para fines didácticos, funcionan igual en cualquier lado.

Dentro del body vamos a declarar un DIV que incluya su id y estilos para un ancho y alto donde queramos que se dibuje el mapa, debe ser algo como esto:

Ahora vamos con las opciones del mapa, primero declaremos la latitud y longitud donde queremos que aparezca nuestro mapa de esta manera:

var myLatlng = new google.maps.LatLng(myLatitude, myLongitude)

Lo que hace esa línea de código, es que creamos una instancia de un objeto de la API de GMaps que guardará la latitud y longitud del mapa, marcador o sea lo que sea que queramos dibujar, así que recuérdenla bien para futuros usos.

Los valores pueden variar de la siguiente manera:

myLatitude es el valor del ángulo que parte del ecuador, puede variar de 90 a -90 de norte a sur respectivamente, siendo 0 el ecuador.
myLongitude es el valor que parte del meridiano de Greenwich, o sea a partir de Londres, Inglaterra, tomando valores que varian de -180 a 180 de este a oeste respectivamente siendo 0 en Londres.

TIP: Si quieres obtener la latitud y longitud específicos dirígete a Maps.Google.com y en los Labs, activa el marcador de latitud y longitud.

Ahora, vamos con las opciones del mapa, las vamos a declarar de la siguiente forma:

var myOptions = {
  zoom: 8,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};

Fácil de entender, ¿no?, lo que se realiza con esto es que a myOptions se le adjuntan las opciones propias de despliegue del mapa, zoom, es el nivel de visión del mapa, el más bajo 1, el más alto puede variar, ya que en algunos lugares puede ser hasta de un nivel 25 (hasta donde he descubierto), ya dependerá de lo que quieras mostrar en tu aplicación; center, si claro, centra el mapa con la latitud y longitud que un paso antes hemos declarado con la variable myLatlng; mapTypeId es una variable que interpreta el tipo de mapa que se va a desplegar, los cuales pueden ser estos:

ROADMAP muestra el mapa normal, el que es en 2D, si no se declara nada, este es el tipo por default.
SATELLITE muestra las cuadros fotografiados de la superficie.
HYBRID muestra una combinación de cuadro fotográficos, y el mapa 2D con nombres de calles y demás sobrepuesto, es como sobrevolar la superficie con todo y direcciones.
TERRAIN muestra cuadros del relieve físico de la tierra, elevaciones, ríos, montañas, entre otros.

Lo que prosigue es crear una instancia que guarde, interprete y dibuje todas las opciones que hemos visto de un mapa, recuerden tener jQuery cargado para que les funcione este script:

var map = new google.maps.Map($("#map_canvas").get(0), myOptions);

Así creamos la instancia al mapa y le decimos que lo coloque en el DIV con el ID de map_canvas, así como las opciones que requiere el mapa para ser desplegado correctamente. La variable map nos servirá más delante para tener control sobre el mismo mapa, como dibujar marcadores, formas, líneas, etc., haciéndole referencia.

Por último vamos a colocar/dibujar un marcador, un pin, o como lo quieran llamar, es muy simple hacerlo:

var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title:"Hola Mundo"
  });

Estas son las opciones básicas y quizá mínimas para dibujar un marcador, para position usaremos la misma variable que usamos para centrar el mapa y colocar el marcador en el centro del mismo, map es la instancia del objeto del mapa sobre el que vamos a colocar el marcador, title es el tooltip del marcador (el que dice un texto cuando dejamos encima el puntero).

Entonces al final, el código lo colocamos en una función que llamaremos initialize, para poder llamarlo posteriormente en cualquier parte de nuestro sitio, que para el ejercicio lo haremos en cuanto se cargue el body, agregando en la etiqueta de apertura:

Aunque puedes llamar la función desde cualquier otro lado, ahora si nuestro documento con todo y el script debe verse algo semejante a esto:

Es todo por esta ocasión, ya tengo otros ejercicios listos, solamente falta desglozarlos, cualquier duda, ya saben cómo contactarme .

Enjoy this Life!!

Quizá también te interese...

Obtener un JSON Cross-Domain con jQuery (rápido Proxy con PHP)

jafrancov — Mon, 23 Aug 2010 19:02:36 +0000

Internet se está cargando de toneladas de grandes APIs abiertas y gratuitas, estando a disposición de todos para usarlas de muchas formas y con bastante sencillez. Pero, si intentamos consumirlas directamente desde JavaScript, nos encontraremos con un serio problema, ya que por sus mismas políticas de seguridad no permite el consumo a través de otros dominios (Cross-Domain).

Desde mi penúltimo cuatrimestre de Maestría en Tecnologías Web tuve un proyecto en el cual necesitaba consumir ciertos servicios que solamente se ofrecían con JSON, pero quería consumirlos únicamente con JavaScript, con jQuery era posible obtener los JSON Cross-Domain usando getJSON mediante JSONP para aquellos servicios que tenían implementado un Callback, pero para mi sorpresa, hay algunos servicios como la API de Foursquare que no tienen este soporte, para esto tendremos que usar algo como un Proxy.

La idea de un proxy es usar un lenguaje del lado del servidor (en este caso, PHP) para consumir la API antes de que se mande la información al navegador, solucionando los problemas del cross-domain. En todo internet podremos encontrar miles de códigos para hacer un proxy, que la mayoría de las veces resulta ser un dolor de cabeza implementarlos. Entre horas de navegar, me encontré con el post de David Vogelee que en una simple línea de PHP logra crear este proxy. Lo que tienes que hacer es Copiar-Pegar la siguiente línea de código en un archivo y guárdalo como “proxy.php”.

El script es bastante sencillo, simplemente regresa el contenido de lo que sea que hayamos solicitado por medio del parámetro enviado. En el caso que mencionamos de Foursquare, es necesario crear la URL que vamos a enviar para acceder a la API, escapando los caracteres para la codificación de la URL, para luego solicitar al proxy la URL que buscamos. Usando jQuery debe verse muy semejante a esto:

var request = 'http://api.foursquare.com/v1/venues.json?geolat=20.6774&geolong=-101.3487';
$.getJSON('proxy.php?request=' + escape(request) , function(data) {
//tu código aquí
});

Esto debería hacerlo, pero cuidado, este proxy no tiene ningún tipo de seguridad aplicada, así que alguien podría usarlo para acceder a todo tipo de cosas en tu servidor si no tienes cuidado. Puedes agregarle seguridad al script, aparte de asegurarte que solamente se pueda accesar únicamente desde tu propio dominio ó forzar a que solamente se hagan peticiones específicas de las APIs que quieres consultar. Toma tus precauciones, este es solamente un punto para un inicio rápido .

Enjoy this Life!!

Quizá también te interese...

Qué características de HTML5 soporta tu navegador

jafrancov — Fri, 06 Aug 2010 19:23:51 +0000

HTML5 está empezando a hacerse presente en todos los navegadores y es una carrera por ver quién es el rey de todos, pero, las versiones de cada navegador van variando en cuanto al soporte que otorgan a HTML5.

Navegando me encontré con:

HTML5 Test

Este sitio nos muestra el puntaje que ha obtenido nuestro navegador y nos ofrece un desglose de información a detalle de cada una de las características que soporta con respecto a HTML5, otorgándole un puntaje a tu navegador.

Divide todas las características de HTML5 en las siguientes categorías:

Parsing rules
Canvas
Video
Audio
Local devices
Elements
Forms
User interaction
Microdata
Web applications
Geolocation
WebGL
Communication
Files
Storage
Workers

Descubre qué tan actualizado es tu navegador y sácale provecho…

Enlace: HTLM5Test

Enjoy this Life!!

Quizá también te interese...

Mantén organizadas tus ventanas en Mac OS X

jafrancov — Fri, 16 Jul 2010 02:11:18 +0000

Sin duda alguna, todos los que tenemos la oportunidad de tener una mac, nos enfrentamos a un pequeño problema que muchas ocasiones llega a ser un dolor de cabeza, más cuando tenemos una cantidad considerable de aplicaciones y ventanas abiertas a la vez… cómo mantener todas esas ventanas organizadas y que aparte, nos de la oportunidad de trabajar agusto, sin perder un panorama general, una visión en ocasiones permanente de ciertas ventanas o tener la oportunidad de interactuar entre algunas de ellas en primera instancia (como el código y la ejecución en el navegador, por poner un ejemplo).

Pues, les tengo una muy buena opción con la que me topé el día de hoy, Divvy es una aplicación que nos da la oportunidad de dar una solución a la situación que les acabo de plantear, de una manera muy sencilla y bastante interactiva.

Quizá muchas palabras podrían explicarlo, pero es más facil que con este video tengan una idea más clara de lo que les estoy hablando y lo útil que puede llegar a ser:

Truco: cuando te aparezca el cuadro para dimensionar, presiona command (cmd), los cuadros de selección de tamaño se harán más pequeños, así podrás acomodar las ventanas con más detalle.

Divvy esta disponible para prueba de forma gratuita, si la usas poco esto puede ayudar. La versión final cuesta US$14, una muy buena inversión, ¿no?

Enlace: Divvy

Enjoy this Life!!

Quizá también te interese...

Herramienta para medir la velocidad de carga de sitios web

jafrancov — Wed, 14 Jul 2010 14:34:23 +0000

Which load faster? es una herramienta que nos permite saber la velocidad con la que carga nuestro sitio web, dándonos los tiempos de carga, aparte de ello, tiene la capacidad de comparar la velocidad de carga de tu sitio con algún otro.

Como algunos sabemos, la velocidad de carga es un factor importante, ya que da una mejor experiencia al usuario y Google ya de un tiempo a la fecha toma ese factor para el posicionamiento en su buscador.

Lo sitios no son coches de carreras, pero puedes aventarlos a competir como si lo fueran, puedes hacer repeticiones, saber el promedio de carga, poner varios sitios de un bando y de otro para competirlos en equipo y obtener todos esos datos para tu análisis.

Solamente un par de cosas, tomen en cuenta que la primera carga es la más lenta, las siguientes ya están en caché, así que cargará mucho más rápido, otro factor a tomar en cuenta es el navegador, ya que algunos tienden a ser un poco más lentos para mostrar que otros.

Alguien dijo… ¿Carreritas?

Enlace: Which load faster?

Enjoy this Life!!

Quizá también te interese...

Kawasaki Rose – Rosa de papel de origami

jafrancov — Mon, 12 Jul 2010 06:32:03 +0000

En el post anterior les mostraba cómo hacer hojas de café, que bien nos pueden servir para este ejercicio, detalles sobran por montones y es mejor si son hechos por uno mismo.

Aquí les dejo un par de videos de cómo hacer una Rosa Kawasaki, sencillito, sigan las instrucciones, son los mejor explicados que hay a mi parecer:

Parte 1:

Parte 2:

Al final pueden tener una Rosa Kawasaki semejante a esta:

Enjoy this Life!!

Quizá también te interese...

Cómo hacer hojas de café para cartas, pergaminos y más

jafrancov — Fri, 09 Jul 2010 18:37:09 +0000

Es un pequeño truco que se me ocurrió algún tiempo atrás, para alguna fecha sin relevancia (no hay que esperar a “tal momento” ahora es cuando), quería hacer una carta estilo pergamino, pero que en realidad pareciera pergamino antiguo, en color de tonos cafés, como desgastado, además de que este tip le deja un toque de olor a café que le da un plus al detalle. Al final puedes quemar las orillas (solamente un poco) para darle un toque aún más real.

Ahora si, a disfrutar el truco, recuerda que los detalles son los que dejan marcados esos gratos momentos.

Enjoy this Life!!