Nuevamente volveré a ser un esclavo de wordpress. En verdad no me quiero complicar mucho, porque últimamente no he tenido tiempo como para mantener al día mi sitio, asique decidí irme por el lado fácil: usar wordpress, bajar una plantilla y listo.

Asique desde ahora los invito a que visiten mi nuevo blog en http://www.sebastianbarria.com/blog/, pues será aquí donde iré publicando mis nuevos artículos.

Gracias a todos por el apoyo!!!

http://www.thegeektoolbox.com

Este es un sitio (multilenguaje) que pretende ayudarte en muchas de las tareas "geek" que realizas a diario. Desde codificar una palabra hasta cambiar el tamaño a imágenes (para crear miniaturas, por ejemplo).

Por ahora está en versión beta, pero pretendo ir agregando varias funcionalidades (cerca de 20 por ahora).

Espero que lo vayan conociendo y en lo posible le sirva a muchos de ustedes.

Algunas regiones (sobre todo hacia el sur) están completamente destruídas. El gran problema que se presentó es que luego de el terremoto, varias réplicas, marejadas y tsunamis terminaron por destruir lo poco que quedó en pie y hasta el momento (2 días después) se han registrado 711 fallecidos y 110 réplicas del terremoto.

En muchas partes del país, aún no se restablece el suministro de agua y luz, y existen graves problemas de comunicación y abastecimiento.

Muchas personas necesitan ayuda. Acá les dejo el post más completo que encontré al respecto.

http://todosporunmundomejor.wordpress.com/2010/03/01/terremoto-en-chile-aprende-como-puedes-ayudar-tu/

Por ahora la documentación del plugin la hice en inglés (ya pronto la haré en español) con el objetivo de que el plugin sirva a todo el mundo y no sólo a los que hablamos en español.

Acá les dejo la URL:

http://www.sebastianbarria.com/thumbgen/

Y por supuesto, espero sus comentarios al respecto :)

Aprovecho este post para mostrales mi nuevo sitio oficial: http://www.sebastianbarria.com/ espero poder comenzar a postear pronto en ese sitio para poder migrar todo mi contenido y continuar con este blog en esa url.

En este caso, vamos a ver algunas formas de optimizar el código para trabajar más rápido y de pasadita poder entender cuando vemos que alguien programa así.

Resumir los if...else

La sentencia if...else está compuesta de tres partes escenciales:

1. if ( xxx ) (xxx es lo que estamos condicionando)
2. { yyy } (yyy es lo que deseamos que suceda si el if anterior es positivo)
3. else { zzz } (zzz es lo que deseamos que suceda en caso contrario)

En base a estos tres elementos, podemos utilizar una sola línea para "resumir" la sentencia:

xxx?yyy:zzz;

La línea anterior quiere decir que "si xxx es correcto, entonces haz yyy; si no, haz zzz". Veamos un ejemplo práctico:

Supongamos que estamos dentro de un for. Tenemos un contador en la variable $count y queremos mostrarlo en pantalla. Sería algo así:

if($count>0){ $miVariable="mayor a cero"; }
else{ $miVariable="cero"; }
echo $miVariable;

Esto se puede resumir en:

$miVariable=$count>0?"mayor a cero":"cero";
echo $miVariable;

Ahorrar líneas de echo

Muchas veces se define una variable y luego se imprime en pantalla el resultado. Generalmente se hace así:

$miVariable="xxx";
echo $miVariable;

Esto se podría resumir así:

echo $miVariable="xxx";

Como ven, no es necesario volver a escribir la variable en una nueva línea. Se puede hacer el echo en el mismo momento en que se define la variable. La idea de esto no es "ahorrar KB" sino que ahorrar tiempo.

El ejemplo del punto anterior podría escribirse así:

echo $miVariable=$count>0?"mayor a cero":"cero";

O incluso así, si no es necesario guardar los datos en una variable:

echo $count>0?"mayor a cero":"cero";

Por ahora les dejo sólo estas...cuando me acuerde de otras las iré agregando :)

Por ejemplo, si tenemos un texto en formato $125.188, esta función nos devolverá 125188. Como verán, es muy útil para comparar precios.

function soloNumeros(n){
    s="";
    for(iNumeros=0;iNumeros        s+=!isNaN(n.charAt(iNumeros))?n.charAt(iNumeros):"";
    }
    return Number(s);
}

Hay muchas maneras de hacer esta función pero esta fue la que yo probé y que me funcionó a la perfección.

Yo recién me vengo enterando para que sirve... en verdad hace tiempo que tenía la noción, pero no me había creado una cuenta, hasta ahora.

Asique acá les dejo mi cuenta por si quieren preguntarme algo :)

http://www.formspring.me/sebastianbarria

Buscando y buscando por internet no pude dar con nada que fuese fácil de implementar y preciso para lo que necesitaba, asique tuve que desarrollar la función... y me acordé de mi pobre blog que con tanto trabajo que tengo no he podido actualizar, asique les dejo la función por si a alguno de ustedes les sirve.

function formatearMiles(numero){
    var str=new String(numero);
    var n=[];
    str=str.split("");
    count=Math.ceil(str.length/3)-1;
    for(i=str.length-1;i>=0;i-=3){
        num1=str[i]?str[i]:"";
        num2=str[i-1]?str[i-1]:"";
        num3=str[i-2]?str[i-2]:"";
        n[count]=num3+num2+num1;
        count--;
    }
    str=n.join(".");
    return "$"+str;
}

Para llamarla solo deben escribir formatearMiles(123456); y listo. Si quieren pueden guardarlo en una variable o hacer un trace para ver el resultado.

El tema es que, buscando plugins, no di con ninguno que me permitiera hacer todo eso al mismo tiempo (si alguien conoce un buen plugin, por favor que lo ponga en los comentarios). Entonces se me prendió la ampolleta y se me ocurrieron dos alternativas para solucionar este problema:

1.- Links de Wordpress + Google Analytics

Esta primera idea es un poco técnica, pues requiere que la persona que administre el sitio sepa como configurar y ver la información de Google Analytics, lo cual es un poco complejo porque requiere utilizar javascript para hacer el trackeo de los banners del sitio... por lo tanto: idea desechada.

2.- Links de Wordpress + plugin de estadísticas

Esta idea es la que utilicé. El plugin que (a mi juicio) permite ver las estadísticas de manera más clara es el WP Click Tracker. Este plugin permite agregar links manualmente y automáticamente (los links internos del sitio) y recibir estadísticas de cada uno de ellos, aunque para efectos de mi administrador de banners, yo lo configuré para que no trackee ninguna URL automática, sino solamente las que yo le pida.

Por supuesto que estoy utilizando un plugin externo porque wordpress no almacena estadísticas de los clicks en los links.

En resumidas cuentas, el proceso para agregar un banner consta de 3 pasos escenciales:

1. Agregar el link al plugin que llevará las estadísticas de los clicks.
   
2. Agregar la imagen que quieras utilizar como banner a la librería de medios.
3. Agregar el link utilizarndo la foto y la url que te obtuvimos en los pasos anteriores y asociarlo a alguna categoría específica para que lo muestre en alguna parte definida del blog.
   

Con este sistema podremos mostrar el banner que queramos en la posición que definamos en la integración, y las estadísticas las podremos ver en la pestaña "Reports" del plugin "WP Click Tracker".

De todas formas, para quienes no estén muy familiarizados con el administrador de Wordpress o para quienes quieran ver algo más gráfico, les dejo un zip con las imágenes paso a paso.

Integración con Wordpress

El tema es como integrar el sistema con Wordpress para que muestre los banners en la posición que queramos. Fácil. Lo primero que tenemos que hacer es utilizar el siguiente código y ponerlo en la parte donde queramos que vayan los banners:

$bm = get_bookmarks("category_name=NOMBREDELACATEGORIA&orderby=rating&order=ASC");
foreach($bm as $bookmark){}
    echo "";
    echo "";
    echo "";
}
?>

Como verán, en el código anterior llamamos a todos los links de la categoría NOMBREDELACATEGORIA (nótese que es el "NOMBRE" y no el "SLUG"), y los ordenamos por "rating". Esto nos permitirá definir la posición en que queremos que aparezca cada banner.

El nombre de la categoría que escojamos obviamente tendrá relación con los banners. Un ejemplo puede ser "BannerPrincipal" o "Banner200x200". El tema es que sea una categoría fácil de reconocer para saber donde aparecerá el banner que escogimos.

En conclusión

Yo armé y probé el sistema y me funcionó a la perfección. Si quieren pueden probar con algún otro sistema de estadísticas, y luego cuentan que tal les pareció.

Su objetivo principal es el de definir un tiempo para esperar a ejecutar alguna otra función. Por ejemplo, si necesito mostrar una alerta y que desaparezca en 3 segundos más, o si necesito que un reloj vaya actualizándose cada 1 segundo.

setTimeout()

Esta función permite definir un tiempo específico para que se ejecute una tarea una sola vez. Se utiliza de la siguiente manera:

var t = setTimeout(funcion,tiempo);

setInterval()

Este función permite ejecutar una tarea infinitas veces cada una cierta cantidad de tiempo. Se utiliza de la siguiente manera:

var t = setTimeout(funcion,tiempo);

El tiempo de ambas funciones se mide en milisegundos, es decir, que 1000=1 segundo

clearTimeout()

Esta función permite anular alguna llamada específica a setTimeout() o setInterval(). Se utiliza de la siguiente manera:

clearTimeout(t);

Donde t corresponde a la variable que se definió para almacenar la llamada a alguna de las otras dos funciones.

Hay que tener cuidado de saber bien donde se definió la variable t, pues si está definida dentro de otra función o de un movieClip (en el caso de Actionscript), no va a funcionar si no se "rutea" bien la llamada a esa variable.

Vamos a un ejemplo práctico

Javascript

Vamos a realizar un contador como ejemplo. Este es el código que debemos utilizar:

var tiempoInicial=10;
function tiempo(){
    tiempoInicial--;
    document.getElementById('tiempo').innerHTML=tiempoInicial;
    if(tiempoInicial==0){
        clearTimeout(t);
        alert("fin");
    }
}
var t = setInterval(tiempo,1000);

Al principio del script se define la variable "tiempoInicial", que será la misma que iremos utilizando para ir contando hacia atrás.

La variable no se puede llamar "tiempo", pues la función que utilizaremos se llama tiempo y si ambas se llamasen igual javascript no sabría si nos estamos refiriendo a la función o a la variable.

El div dentro del cual se mostrarán los segundos restantes se llama tiempo también, y este no generará ningún conflicto con la funcion tiempo, ya que no es un elemento de javascript, sino uno de HTML.

Luego definimos la función tiempo, que lo que hace es restar un segundo a la variable tiempoInicial, mostrarla dentro del DIV cuyo ID es "tiempo", y luego verificar: si el tiempo es igual a 0, anula el intervalo de tiempo que se define inicialmente, es decir que deja de llamar a la función tiempo() cada un segundo.

Bajo la función se llama a la función setInterval y se define que el tiempo de intervalo sea cada un segundo (1000 ms). Antes de llamarla, se define la variable t, que es la que almacenará el intervalo para luego poder anularlo con clearTimeout desde dentro de la función.

Como este javascript se carga al principio de la página, en la práctica suceden 3 cosas:

1. se define el tiempo inicial
2. se define la función tiempo()
3. se establece el intervalo de tiempo

Estas cosas no vuelven a ejecutarse porque la página ya se cargó, pero el setInterval deja en memoria que se debe llamar a la función tiempo() cada un segundo eternamente, o hasta que se anule con la función clearInterval.

Descargar el archivo de ejemplo

Actionscript

Para actionscript la función es exactamente la misma, solamente que el número de segundos restantes debe mostrarse de otra manera. No voy a profundizar mucho en esta versión pero les dejo el archivo de ejemplo para que lo analicen ustedes mismos.

Descargar el archivo de ejemplo