Max Villegas Viviendo en la era digital

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

Hace rato que quería postear sobre este tema. Primero, por la valiosa ayuda que significa contar con buenas herramientas de desarrollo y, segundo, porque Firefox es un tópico que me trae hartas visitas. Además, justo ahora me sirve para secundar un post de Darcy referente a una conversación que tuvimos sobre lo extraño que nos parece el temor que sienten algunas empresas por el hecho de que sus ideas sean copiadas… Uff! Si es la mejor forma de liderar en Internet. Por ejemplo, ayer investigaba nuevamente sobre las Conversaciones Distribuidas -un tema que me obsesiona- y llegué a la wiki de Microsiervos sobre el tema. Wow! Hace dos años todo estaba muy en pañales, pero ahora ya hay tres sitios que capitalizaron la idea y aún así la pelota sigue dando botes. ¡Qué enseñanza, no?

Aunque este es un tema bastante menor en comparación al ejemplo citado, espero sirva de base para una conversación interesante entre dearrolladores y bloggers sobre la materia. El caso es que en AV todos los sitios que producimos son testeados en Safari, Explorer 6/7, Opera, Firefox y Konqueror, no obstante el grueso del desarrollo se hace usando Firefox. No es casualidad, pues resulta que este browser cuenta una ventaja enorme para el desarrollo web, debido a la gran cantidad de extensiones que tiene para este efecto.

Finalmente, las 7 extensiones imperdibles para un desarrollador web son la siguientes:

1. Web Developer Toolbar
Es imperdonable si eres desarrollador y no la usas. Su utilidad sobrepasa todo lo que pueda decir de ella. Tal vez lo único que le falta es un cuentagotas, pero sólo por sus atajos de teclado para ver el código fuente o para pillar ese nodo html que necesitas para darle style o manipularlo vía Ajax es el “number one” de esta lista.

2. FireBug
Otra extensión obligatoria si desarrollas. Debo confesar que la uso desde hace poco, pero me ha sacado de apuros con javascript más de una vez. Aunque su utilidad se extiende también a CSS y HTML.

3. FireFTP
Es un cliente FTP que no tiene nada que envidiar a niguno de los más populares como CuteFTP o WSFTP. Soporta SFTP, conexiones pasivas y activas, sincronización entre la carpeta locales y del servidor.

4. Dom Inspector
Dependiendo de las opciones que selecciones, se instala junto con Firefox. Tremendamente útil para trabajar con Ajax, sobre todo, cuando te peleas con Explorer o Safari.

5. Tab MixPlus
Imperdible cada vez que instalo Firefox. Tal vez no es tan útil como las anteriores, pero me permite configurar las pesetañas, el comportamiento del mouse y la sesiones a mi antojo.

6. Colorzilla
Es el cuenta gotas que le falta a Web Developer, muy útil para trabajar en CSS y diseño en general.

7. Del.icio.us Bookmarks by Yahoo Inc.
Constantemente navego buscado tutoriales y guías que si no fuera por Del.icio.us y esta extensión se perderían en el olvido. Lo mejor es que tanto en mi casa como en mi trabajo tengo los mismos bookmarks. Si los necesito en otra parte, además los tengo integrados a mis blogs y a mi facebook.

Entonces ¿qué extensiones utilizas tú?

Leo en Google Operating System que Google lanzará la semana que viene una nueva herramienta para presentaciones tipo PowerPoint.

No hay mucha información sobre los servicios que prestará, pero según “Google Operating System” Google tiene una buena opción de sumar una herramienta poderosa si permite:

• Importar archivos PowerPoint
• Exportar como PPT, HTML o SWF
• Creación colaborativa como en Google Docs
• Si puede importar contenido desde sitios como Flickr, YouTube, Google Maps, etc.
• Si permite embeber la presentación en blogs

Por mientras, una buena alternativa para crear este tipo de presentaciones online es preezo.com