Artux’s Blog

Hace ya más de 3 meses que tengo guardado y listo para publicar esta versión del plugin Who Link Here.
Dado el humilde y silencioso éxito de la versión anterior, y aprovechando que tengo la tarde libre; hoy de una vez por todas lo voy a publicar.

Para los que todavía no conocen el plugin Who Link Here, les cuento un poco, el plugin lo que hace es mostrar de una forma simple y sencilla los enlaces entrantes que recibimos a nuestros blogs. Igual que
en el panel de administración pero pudiendo elegir entre dos fuentes diferentes.

Con Who Link Here podemos mostrar los enlaces entrantes desde Google Blog Search o desde Technorati.

La Filosofía de Who Link Here, es pagar con la misma moneda los enlaces recibidos. Pero también puede entenderse como una forma de incentivar a que te enlacen; ya que quienes te enlacen recibirán un enlace de forma casi instantánea.

Who Link Here versión 2.0 (Widget)

La nueva versión de Who Link Here trae algunas pequeñas mejoras:

• Funciona en las versiones 2.0.x, 2.1.x, 2.2.x y 2.3 de Wordpress.
• Puede implementarse tanto manualmente como también en forma de Widget desde el Panel de Administración -> Presentación -> Widgets.

Integrando Who Link Here de forma manual

• Descargamos el Plugin desde el link de descarga, al final de este post.
• Descomprimimos y subimos el plugin al directorio de los Plugins (/wp-content/plugins/).
• Activamos el Plugin desde el Panel de Administración.
• Si lo que queremos hacer es mostrar los Enlaces Entrantes desde Technorati ponemos el siguiente código en la parte del Theme donde queremos que se muestren (preferentemente sidebar.php).

  <?php tech_links("num.enlaces") ?>

  El parámetro “num.enlaces” es la cantidad de enlaces a mostrar, con un máximo de 10.

• Y si lo que queremos es mostrar los Enlaces Entrandes desde Google Blog Search ponemos lo siguiente.

  <?php gbs_links("num.enlaces") ?>

  El parámetro “num.enlaces” es la cantidad de enlaces a mostrar, con un máximo de 20.

Integrando Who Link Here desde el Panel de Widgets

Desde la versión 2.2 Wordpress ya viene integrado con soporte para Widgets. Si tu versión de Wordpress es la 2.2 o superior podes saltearte el primer paso.

• Si tu versión de Wordpress es inferior a la 2.2 antes que nada tendrás que descargar e instalar el plugin para widgets desde el siguiente enlace: Widgets Plugin.
• Los tres pasos siguientes son los mismos que para la integración manual. Descargamos Who Link Here, descomprimimos y subimos el plugin al directorio de los plugins para luego activarlo desde el Panel de Administración.
• Una ves instalado y activado lo único que resta es, en el Panel de Administración, ir a Presentación->Widgets y desde allí arrastrar y soltar alguno de los modulos que aparecen (Technorati WLH y Google WLH). Luego completar los parámetros como puede verse en la imagen de arriba y listo.

Download: Who Link Here v 2.0 (Widget) Downloads: 1148 times

Algunos Sitios donde se puede ver Who Link Here en funcionamiento:

• shtikl.com
• nice4rice.com
• goponygo.com
• jordiplanas.com

Dos posts Interesantes sobre Who Link Here

• Intercambiando Visitas con MarlexSystems
• WordPress Plugin: Reveal incoming links on your blog
  

Un saludo grande a todos!

Twitter This

Usuario: Password:

Continuando con mi adicción a Twitter, hace un par de semanas atrás me puse a escribir My Twitter, una clase en PHP 5 para trabajar con el API de Twitter. Aprovechando cada minuto libre y escribiendo en fracciones de no más de 5 minutos pude completar la clase que cubre todos los métodos disponibles por el API.

Sin dudas parte del éxito de Twitter se debe al excelente API que ofrece a los desarrolladores. Y si ya de por sí es bastante fácil interactuar con el API de Twitter, con My Twitter se vuelve mucho más simple aun.

My Twitter

Que Necesito para usar My Twitter?.

Para ejecutar My Twitter necesitas tener un servidor con PHP 5, con CURL y SimpleXML habilitados.

Ejemplos Básicos de Uso:

• Mostrando tus updates (User Time Line) y mostrando los updates de la gente que sigues (Following Time Line).

<?php
require_once( './my_twitter.php' );
$twitter =  new MyTwitter('TwitterUser', 'TwitterPassword');
$status = $twitter->userTimeLine(); // User Time Line
$followstatus = $twitter->followingTimeLine(); // Following Time Line
$statuscount = count($status); //Obteniendo el número de resultados
$followcount = count($followstatus); //Total de Resultados
for ( $i=0; $i < $statuscount ; $i++ )
{
echo "<p>". $status[$i]['text'] ."</p>";
}
for ( $i=0; $i < $followcount ; $i++ )
{
echo "<p>". $followstatus[$i]['text'] ."</p>";
}
?> 

• Actualizando el status en Twitter

<?php
require_once( './my_twitter.php' );
$twitter =  new MyTwitter('TwitterUser', 'TwitterPassword');
//Actualizando Status, simple no?
$twitter->updateStatus('My Twitter Clase PHP 5');
//Nota: 140 caracteres máximo
?> 

• Enviando un Mensaje Directo a alguno de tus Contactos

<?php
require_once( './my_twitter.php' );
$twitter =  new MyTwitter('TwitterUser', 'TwitterPassword');
$twitter->newMessage('screen name o ID', 'mensaje');
//Nota: mensaje 140 caracteres máximo
?> 

Donde Descargo My Twitter?.

Podes descargar My Twitter desde su espacio en el sitio PHP Classes:
My Twitter (paquetes en .zip y tar.gz). Con el paquete esta adjunto un archivo con ejemplos de todos los métodos disponibles.

Un saludo grande y si no estoy por aca, ya saben, búsquenme en http://twitter.com/artux

Twitter This

Usuario: Password:

Twitter This. mejor que compartir es compartir con Twitter

Con herramientas como Twitter Feed podemos hacer que nuestro Twitter se actualice de forma automática cuando escribimos alguna entrada nueva en nuestros blogs.

Pero que pasa cuando estamos en un blog que no es el nuestro y queremos compartir con nuestros followers (seguidores) un post de dicho blog que nos resultó interesante?. Es todo un trabajo, primero copiar la url; después entrar a algún sitio que nos ofrezca la posibilidad de acortar esa url, ejemplo tinyurl.com; después entrar a twitter pegar la url corta y escribir algo descriptivo para así por fin luego de una serie de varios pasos terminar actualizando nuestro status con el post que queríamos compartir.

Ahora con Twitter This el hecho de compartir se convierte en algo mucho más simple.

Twitter, Wordpress, jQuery y abbrr.com = Twitter This

Twitter This es un plugin para Wordpress que ofrece a los lectores que tengan cuanta en Twitter la posibilidad de enviar los post a este servicio simplificando la tarea. El funcionamiento es muy simple, bastante intuitivo, pueden probarlo aquí mismo haciendo click en el botón al final de este post. El plugin se encarga de enviar el Título y la URL (acortada con abbrr.com) del post que queremos compartir con solo llenar el formulario con nuestros datos de Twitter. Los datos en ningun momento quedan almacenados, son enviados directamente a Twitter.

Como Instalar Twitter This?

• Lo primero es descargar Twitter This desde el siguiente enlace.
  Download: Twitter This v 1.0 Downloads: 964 times
• Una vez descargado es como siempre, descomprimimos el archivo twitter-this.zip y subimos el directorio completo /twitter-this al directorio de los plugins en Wordpress ( /wp-content/plugins/).
• Por último, activamos el plugin Twitter This en el panel de administración de nuestro Wordpress y listo, fácil no?

Algunos aspectos Técnicos sobre Twitter This.

• Twitter This usa jQuery en forma no conflictiva para evitar inconvenientes con plugins y/o Themes que usen otro tipo de framework javascript como puede ser Prototype.
• Elegí abbrr.com para acortar las URL en ves de tinyurl porque abbrr funciona mucho mejor y además esta desarrollado por un argentino (Victor Bracco).
• Twitter This fue probado en casi todas las versiones de Wordpress (2.0; 2.1; 2.2) funcionando perfectamente en todas ellas.

Agradecimientos:

Quiero agradecer principalmente a Alex Payne (uno de los principales desarrolladores de Twitter) por su buena predisposición y a todos los que hacen que este humilde blog cresca día a día.

Saludos!

Twitter This

Usuario: Password:

Deskbar es una aplicación para Gnome, casi tan funcional como Quicksilver (Mac) y mucho menos conflictivo que Launchy (Win), con una simple combinación de teclas (Alt+Space en mi caso) te permite ejecutar aplicaciones, realizar búsquedas en los directorios locales y también en la web, y unas cuantas cosillas más.

Deskbar en acción

Por otro lado, Meneame es, en líneas generales, la aplicación web que casi todos los programadores/desarrolladores queremos llegar a hacer algún día, entiendase ese “llegar a hacer” no como hacer un clon de meneame sino como llegar a hacer una aplicación que genere una gran comunidad y aporte algo a todo esto que es el mundo Internet.

Meneame Deskbar - Meneando desde Ubuntu.

Meneame Deskbar es un plugin en Python que hice para Deskbar-Applet, permite mandar noticias a meneame con solo ingresar la URL de la noticia a menear.

Instalar Meneame Deskbar en Ubuntu

• Si no tenés Deskbar Applet lo primero es instalarlo de la siguiente manera:

  sudo apt-get install deskbar-applet

• Luego descargar Meneame Deskbar del siguiente enlace:

Download: Meneame Deskbar Downloads: 722 times

• Descomprimir meneame.tar.gz y copiar los archivos meneame.py y meneame.png en el directorio /home/nombreusuario/.gnome2/deskbar-applet/handlers/.

  Nota: nombreusuario es el nombre de tu usuario en Ubuntu y “.gnome2″ tiene punto porque se trata de un directorio oculto.

• Abrir meneame.py con un editor (gedit) y en la línea número 30 donde dice UBUNTU_USER = “nombreusuario“ remplazar nombreusuario por el nombre de tu usuario en Ubuntu. Y eso es todo, ya podés empezar a menear noticias desde tu escritorio Ubuntu

Pequeño Truco con Firefox y Meneame Deskbar (accesos rápidos de teclado).

En Firefox:

Ctrl+L = Puntero en la barra de navegación.
Ctrl+C = Copia la URL que queremos menear.

En Desckbar, Meneame Deskbar:

Alt+F3 = Puntero en el campo de texto de Deskbar.
Ctrl+V = Pega la URL que copiamos.
Flecha Abajo hasta la opción Menear http://loquesea…..
ENTER = Para mandar la noticia a Meneame

Ante cualquier duda, sugerencia o crítica; no sean tímidos y comenten.

Twitter This

Usuario: Password:

Estas son algunas de las tantas opciones que existen para darle formato y estilo a nuestro código, algunas probablemente ya las conoces y otras quizas no. Pero, con sus pros y sus contras, todas son muy buenas; implementar una o la otra es solo una cuestión de diferentes necesidades y en ultima instancia una cuestión de gustos.

Diferentes Opciones para Resaltar el Código

Opciones ServerSide o del lado del Servidor:

• 1- highlight_string y highlight_file: Funciones nativas que existen en PHP y solo sirven para dicho lenguaje.

Ejemplo:

<?php
//Resaltando una cadena de texto.
highlight_string ('<?php phpinfo(); ?>');
//Resaltando un archivo entero.
highlight_file('file.php'); 
?>

Son dos funciones extremadamente simples de usar, y si tenemos acceso al archivo php.ini podemos personalizar los colores a nuestro gusto:

Parametros que podemos editar en el archivo php.ini para cambiar el color de salida.

highlight.string = #DD0000 (Color para las cadenas encerradas en comilla simple o doble comillas).

highlight.comment = #FF9900 (Color para los comentarios en el código).

highlight.keyword = #007700 (Color para algunas de las palabras claves del lenguaje como son if, else, for, while).

highlight.bg = #FFFFFF (Color para el fondo).

highlight.default = #0000BB (Color para lo que queda fuera de las demas categorías).

highlight.html = #000000 ->Negro (Color para lo que esta fuera de las etiquetas <?php ?> como código html o javascript).

• 2- PHP_Highlight: Clase PHP que, como las funciones mencionas anteriormente, solo sirve para resaltar código PHP. Nos ofrece una salida en XHTML valido y crea además enlaces referenciales de las diferentes funciones PHP apuntando al manual online del mismo.
  También brinda tres formatos de salida (array, lista ordenada, y html puro)

Ejemplo de uso:

<?php
require_once 'PHP_Highlight.php';
$h = new PHP_Highlight;
$h->loadFile('file.php');
// Salida en formato Array
echo "<h3>En forma de Array</h3>";
echo "<pre>";
print_r($h->toArray());
echo "</pre>";
// Salida en formato de Lista Ordenada
echo "<h3>Lista Ordenada</h3>";
$h->toList(false);
// Salida en formato html
echo "<h3>En HTML basico</h3>";
$h->toHtml(false);
?>

Si queremos personalizar los colores de salida podemos agregar la siguiente linea y adjuntar una hoja de estilos CSS con los colores que deseamos.

<?php
require_once 'PHP_Highlight.php';
$h = new PHP_Highlight;
//Esta línea nos ofrecera la posibilidad de personalizar los colores.
$h->PHP_Highlight (true);
$h->loadFile('file.php');
/* y lo que sigue */
?>

La hoja de estilos tendría que ser mas o menos así, poniendo el color en hexadecimal que queremos:

.bg {
   color: #000000;
}
.string {
   color: #000000;
}
.keyword {
   color: #000000;
}
.comment {
   color: #000000;
}
.html {
   color: #000000;
}
.default {
   color: #000000;
}

La librería PHP_Highlight depende de un archivo llamado T.php, que es parte del paquete de PEAR PHP_Compat.

• 3- Generic Syntax Highlighter: Más conocida como GeSHi, es sin dudas la herramienta más completa escrita en PHP para resaltar código; a diferencia de las dos formas anteriores GeSHi soporta mas de 50 lenguajes, entre ellos PHP, HTML, CSS, Java, C, Lisp, XML, Perl, Python y muchos otros.

Ejemplo Basico de uso:

<?php 
include_once('geshi.php');
// Definiendo un poco de código para resaltar
$source = '$foo = 45;
for ( $i = 1; $i < $foo; $i++ )
{
echo "$foo<br />n";
--$foo;
}';
$language = 'php';
$geshi =& new GeSHi($source, $language);
echo $geshi->parse_code();
?>

Por ahora esto es todo para esta primera parte, en la segunda voy a profundizar más en los métodos y formas de trabajar y configurar GeSHi. También, en la segunda parte voy a escribir sobre unas cuantas opciones más, algunas para resaltar el código del lado del cliente y también sobre alguna que otra aplicación para hacer lo mismo pero desde el escritorio.

Espero que sea útil, un saludo grande!

Twitter This

Usuario: Password:

Ultimamente estoy utilizando mucho Prototype para algunos trabajos; y visitando el blog de bartelme encontre un widget, realizado por el, para acceder de forma rápida a la documentación oficial del API de Prototype. El widget de nombre Prototype Reference Widget, realizado por bartelme, es sinceramente hablando, estéticamente perfecto y extremadamente útil.
Pero el incombeniente fundamental es que el mencionado widget esta hecho para el Dashboar de Mac.

Es muy comun para los que no estamos trabajando todo el tiempo con las mismas funciones, sea del lenguaje que sea, el hecho de no recordar ciertos aspectos o métodos de funciones que ya hace tiempo no implementamos. Y es ahi donde este tipo de herramientas, simples pero útiles, vienen a socorrernos; ahorrandones el tiempo de recorrer toda la documentación disponible para llevarnos directamente a lo que necesitamos.

Prototype Quick Reference

Pensando en esto, y en lo bien que me vendria el widget de bartelme, hice Prototype Quick Reference, una herremienta simple, útil y que puede usarse desde cualquier Sistema Operativo, con el plus de poder instalarlo como Search Plugin en Firefox.

Digo simple, porque la aplicación en si es muy sencilla, solo unas cuantas líneas para transformar los parametros en url, lo único que me llevo un poco de tiempo fue el diseño, que por cierto me quedo más que bien, aunque mi ego dice que perfecto .

Pero basta de palabras, es hora de probarlo. Funciona de la misma manera que el widget de bartelme. Pudiendo acceder a las especificaciones de las diferentes funciones y utilidades de Prototype tipeando solamente el nombre correspondiente.

Ejemplo: tipeando Ajax Updater o ajax.updater llegaremos instantaneamente a las especificaciones de dicha función.

Aunque tengo pensado extender la aplicación, para que muestre la documentación en el mismo sitio y en español, por el momento creo que con esto se puede trabajar de una forma más dinámica con Prototype.

Tambien, para los amantes de los widgets, transforme el widget para mac de bartelme en un widget para yahoo! widgets que pueden descargar desde el siguiente enlace Prototype Quick Reference Widget.

Saludos a todos!

Twitter This

Usuario: Password:

Si hay un diseñador que admiro, ese es Wolfgang Bartelme; la visión que tiene del espacio, el manejo de los colores y la meticulosidad a la hora de los detalles; lo convierten en un referente indiscutible para cualquier persona que aspire a ser un gran diseñador.

Hoy tengo una buena noticia, el theme que usaba anteriormente Bartelme fue convertido por la gente de ilemoned en un Theme para Wordpress de nombre “The Dark Theme” y liberado bajo GPL, el cual me tomé el atrevimiento de traducir al español.

The Dark Theme - En Español

• flickrRSS
• Gravatar
• Ultimate Tag Warrior
• WP-PageNavi

Puedes descargarlo desde el suiguiente enlace:

Download: Dark Theme - Traducido al Español Downloads: 1341 times

Twitter This

Usuario: Password: