La Web A Viviendo en la era digital

Hace tiempo que veo -con sana envida- como mis amigos maqueros sacan pantallazos de sus escritorios y raudamente los suben a la web gracias a grab up. Pues bien, ahora los ubunteros podemos disfrutar de la misma utilidad con GScrot y Ubuntu-pics, algo estupendo para facilitar el trabajo colaborativo a distancia!

Para instalar GScrot debemos agregar los repostorios de launchpad:

deb http://ppa.launchpad.net/gscrot/ubuntu intrepid main
deb-src http://ppa.launchpad.net/gscrot/ubuntu intrepid main

Y luego buscarlo en Synaptic para instalarlo en un click!

Terminator se ha transformado en una de las aplicaciones que más uso para hablar con Neo, al menos eso es lo que cree mvallejos cuando me ve con las pantallitas negras de este fantástico terminal para GNOME. Su mayor virtud es que cuenta con  la característica  de dividir la  ventana del terminal en varias partes.

Personalmente nunca me acostumbré a trabajar con pestañas,  por lo que terminaba con muchas consolas abiertas (por suerte, tanto en la casa como en la oficina, uso dos monitores). Por eso, para hacer varias cosas a la vez es sumamente útil, especialmente porque la ventana del emulador se puede dividir vertical u horizontalmente y para cambiar de terminal puedes usar ctrl + tab. Eso sí, la versión en español de Ubuntu 8.04 -que es la que  tengo en la oficina- confunde horizontal con vertical, pero en la 8.10 tiene ese bug corregido.

Terminator es un script simple creado en python que pone múltiples widgets vte en ventanas, el widget es el mismo que usa gnome-terminal, así, si necesitas “customizar” colores, tipografìas o ciertos comportamientos, debes hacerlo directamente en gnome-terminal.

Lo mejor es que  viene en el repositorio Universe de Ubuntu desde la versión 8.04, por lo que solo necesitas hacer sudo apt-get install terminator o buscarlo en synaptic.

Una de las primeras cosas que me gustó de Linux Ubuntu Gnome fuel el atajo de teclado alt+F2. Sencillamente me olvidé de los menues y del mouse para lanzar programas y comandos sencillos…

Hace un buen rato también comencé a usar Gnome-do, pero la verdad es que sentía que le faltaba un poco de madurez al lanzador, pero ahora con la versión 0.6.1.0 creo que ya la tiene de sobra…

Esta nueva versión viene con una alta dosis de plugins ready to go que permiten controlar casi todo el Escritorio sin apenas usar el mouse.Por ejemplo, hay plugins para controlar Rhythmbox, la lista de contactos en Pidgin, alertas de email nuevos en Gmail o twittear…

Read the rest of this entry »

Seguramente muchas veces un cliente les ha pedido un sitio completo y enorme sólo en HTML. O sea, nada de utilizar PHP, Ruby o Python, ni menos hablar de un CMS como Drupal o Wordpress. Si es así, entonces sabrán lo tedioso que se vuelve modificar una pequeña parte del sitio en una centena de plantillas cuando éste ya está prácticamente listo.

Por suerte en linux existe una pequeña pero poderosa herramienta llamada wget, que sirve para descargar sitios completos.

Con wget y un poco de ingenio podremos producir las plantillas HTML que necesitamos, pero usando nuestro gestor de contenidos favoritos. Para conseguirlo, por ejemplo, podemos usar reglas de reescritura en el .htaccess para que los archivos .html sean tratados tal como uno .php; también sería posible usar un pequeño y muy básico modelo MVC para que según la variable $_SERVER["REQUEST_URI"] (quitando los slashes y  la extension .html con ereg_replace o split) se pueda obtener el nombre de la plantilla HTML/PHP que deseamos utilizar.

En index.php:
if (file_exists(“/ruta_template/”.$mvc->uri.’.php’)){
include(“/ruta_template/”.$mvc->uri.’.php’);
}

Y en .htaccess:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Y finalmente descargamos con wget usando sus opciones:

• recursive: descarga el sitio web completo.
• domains misitio.org: no descarga enlaces fuera de website.org.
• no-parent: no sigue los enlaces fuera del directorio micarpeta/html/.
• page-requisites: obtiene todos los elementos que componen la página (imágenes, css, javascript)
• html-extension: guarda los archivos con extensión .html (ojo con esto que no lo he probado y seguro nos ahorra harto trabajo)
• convert-links: convierte los enlaces para que puedan trabajarse fuera de línea.
• restrict-file-names=windows: modifica el nombre de archivos para que también funcionen en Windows.
• –no-clobber: no sobrescribe ningún archivo existente (en caso de reanudar una  descarga interrumpida)

Desde que entendí cómo funcionaba firebug se ha vuelto una de mis extensiones favoritas de firefox para desarrollar aplicaciones Jacascript y, también, para solucionar problemas de CSS y HTML, incluso por sobre web developer.

Pero como la mayor parte del tiempo estoy trabajando con formularios y validaciones que corren sobre PHP necesitaba tener una funcionalidad similar para este lenguaje. Sin embargo, pese a haber probado algunas herramientas que me prometían el cielo de la depuración no encontré nada que funcionase fácilmente y bien. En otras palabra, ni Pear ni FirePHP fueron opción. PHP_debug, por otra parte, se me hizo muy atractivo de usar en algún momento, pero como también corre sobre Pear, me terminó desencantando.

Determinado a conseguir un depurador que pudiese usar con Firebug, me propuse crear uno, pero en eso encontré un pequeño script que hizo la magia.

De la mano de Aptana, Jaxer -también conocido como Ajax Server- se trae JavaScript, DOM, HTML y CSS al lado de los servidores.

Al fin veo un poco de luz al final de las tediosas validaciones. Es que el tema de los formularios web puede volverse en un verdadero lío.

En concreto lo que Jaxer hace es ejecutar el codigo ajax en el servidor y devolver la página resultante al browser, todo de forma asincrónica. ¡Cool no?

Ver más información, ejemplos y videos en ajaxian

Un objetivo primordial del proyecto [sonowebs] es facilitar el acceso a la gran cantidad de información presente en la blogosfera a las personas con problemas visuales. Para ello pedimos la colaboración de los bloggers.

No exagero al decir  que la idea de sonowebs es increible y admirable por donde se le mire. Yo sin más me he instalado el plugin y he quedado sorprendido… todos mis post ahora tienen voz.

Una de las tareas rutinarias más tediosas al hacer un sitio es crear los formularios y validar sus datos (distinto de validar el html), es decir, comprobar que el mail sea un mail, que un campo para el teléfono sea numérico, etc.

Pero con phpform ahora podrás armar tus formualrios de manera más simple y rápida que nunca. Sólo necesitaras seleccionar el tipo de campo que necesitarás, darle un nombre y ver que tipo de validación usará.

La validación -al ser Ajax- podría eventualmente se saltada por navegadores con javascript desactivado, por lo que recomiendo validar también los datos en PHP o el lenguaje en que estés trabajando.

Enlace: phpform

Constantemente navego internet buscando tutoriales y recursos para php, si no estás muy familiarizado con este lenguaje y deseas saber por dónde empezar, aquí va una lista que de los sitios que más frecuento en busca de ayuda.

1-. Manual oficial de PHP
Es muy obvio recomendar este manual, pero la documentación oficial de PHP es la mejor organizada y ejemplificada que existe en Internet sobre algún lenguaje. Está en español y hay versiones descargables que son de mucha ayuda cuando trabajas offline.

2-. PHP Classes
Ya ni recuerdo los años que estoy susctrito a este sitio, su gráfica siempre me ha parecido mala, pero la gran cantidad de classes que tiene disponible es impresionante. Puedes encontrar todo tipo de script… clases para conexiones a bb.dd, carros de compra, sistemas de mailing, gestión de usuarios, etc. La red de colaboradres es enorme, por lo que hay bastante código comentado en español  y pudes, si llegas a necesitarlo, contactarse con su programador.

3-. Hotscripts
Hotscripts se ha tranformado en un verdadero portal de todo tipo de lenguajes, pero su sección de Scripts and Programs de php es una de las más completas y ordenadas que he visto. Tal vez lo malo que tiene sus sistema de recomendación pagada de script con licencias comerciales, pero con un poco de paciencia es posible encontrar lo que se necesita.

4-. PHP Freaks
Otro buen sitio para iniciarse. Hartos tutoriales, ejemplos, tips y artículos.

5-. Good php tutorials
Otra fuente inagotable de ejemplos y tutoriales. Algunos bastante comlejos como crear documentos zip al vuelo.

Una de yapa, los chicos de Zend tienen excelentes tutoriales también, y de paso aprendes Zend Framework.Te quitarás un montón de pega de encima…

En mi post 4 simples consejos para incrementar las visitas de tu blog sostengo que todos los días estamos expuesto a una gran cantidad de información proveniente distintos medios. Por ejemplo, estoy suscrito a una decena de blogs y los post nuevos que tengo a diario en Lifera bordean los 400. Obviamente no los leo todos, sino sólo aquellos cuyos títulos más llaman mi atención, ya sea porque su temática coincide con mis intereses o porque simplemente despiertan mi curiosidad.

Aunque seguramente no todos seleccionan de la misma forma lo que leen, es evidente la importancia de titular de manera atractiva, pues muchas veces será la única oportunidad para atraer a un lector, por ejemplo, en Fresqui o en los resultados de búsqueda de Google si tenemos bien estructurado el HTML de nuestro sitio.

Por eso estas 4 fórmulas para titular un post pueden ser de gran ayuda si queremos llamar la atención de potenciales lectores… aunque hay que advertir que de nada servirán si el contenido del post no cumple las espectativas prometidas.

1. Atención: [...]

Si has seguido leyendo hasta aquí, entonces creo que funcionó. Comenzar un título con esta palabra  casi siempre logrará su cometido, pero es lo que dirás a continuación lo que determina qué tan bien  se ajusta a tu contenido.

• Atención: 5 fórmulas para escribir títulos atractivos
• Atención: No puedes cometer este error en tu blog

2. Como [...] me hizo [...]

Usa esta estructura cuando cuentes una historia personal. La clave para usar esta fórmula de manera afectiva es contrastar fuertemente lo que dirás en los dos espacios en blanco, eso despierta la curiosidad e invita a seguir leyendo.

• Como una “idea tonta” me hizo “iniciar un negocio existoso”
• Como “escribir menos” me hizo “tener más lectores”

3. ¿Eres un [...]?

Este tipo de preguntas siempre despierta curiosidad, sobre todo cuando no sabemos completamente lo que nos están preguntando.

• ¿Eres un blogger Búho o un blogger Conejo?
• ¿Eres un pokemon o un visual?

4. [X] formas de [...]

La gente ama la listas porque son rápidas y fáciles de leer. Esta fórmula es la mejor para comunicar al lector lo que puede esperar de un post: un número X de tips que són útiles para algo

• 10 formas de sacarle provecho a Facebook
• 20 maneras de aumentar tu productividad usando Linux
• 5 formas colgar Windows